今回は以下のサイトのFlight Bookingというものをつくってみた。 www.flutter-study.dev 内容として ・アイコン等を回転させて表示する方法・複雑な形をしたボーダーを実装する方法（結局ちゃんと理解できませんでした） が学べる物になっている。 Flutter歴…

今回は以下の記事のBattery Optimizerをやってみました。 www.flutter-study.dev これは主に ・バッテリーレベルの円グラフをつくりかた・色のグラデーションのやり方・横スクロールのやり方 などを知ることができるようなものでした。 実際に進めてみると、…

Flutter開発としてDartでプログラムを書いていると、以下のようなコードを見た。 final paint = Paint() ..color = color ..style = PaintingStyle.stroke ..strokeWidth = 4; このピリオド2つの書き方が意味わからなかったので簡単に調べてみた。 qiita.com…

Flutterで以下の「Battery Optimizer」というアプリを開発していた時のこと www.flutter-study.dev インジケーターと呼ばれるバッテリーの残量を円を使って表示する部分を作っていた時、以下の記述で「lerp」というのが何をするのかわからなかったので調べて…

Flutterを書いていると、Cardを使う場面が出てくることと思います。 そこでCard内に'elevation'という設定をみたことはないでしょうか？ 実はこの'elevation'という設定はCardに影をつけることができます。(CardだけでなくAppbarもできるらしい) Card( eleva…

今回はflutter-study.devのAdmin Mobileというものを作成してみました。以下の記事のものです。 www.flutter-study.dev 基本的には書いてある通りですが、1点つまったところがあったので書いておきます。 詰まったところは以下の部分です。 const _Postのと…

Flutterで以下のようなKeyを使ったコードを書いていた時、 const _Post({ Key key, @required this.name,}) : super(key: key); keyの部分で以下のエラーコードが出てきた。 「The parameter 'key' can't have a value of 'null' because of its type, but t…

【参考にしたサイト】 www.flutter-study.dev 【プログラムの構造】 本プログラムは以下のように配置することでListViewを実装しています。 TodoListPage（画面表示） ↑テキストデータTodoAppPage(テキスト入力) 【完成画像】 ⇆

今回のゴール ・ListViewの使い方を知る 【プログラムの構成】 本プログラムは以下のように配置することでListViewを実装しています。 ListView → Card → title('a') → Card → title('b') → Card → title('c') 【前提条件】 このプログラムは以下の記事の続…

今回のゴール ・画面の遷移方法を知る 【プログラムの構成】 本プログラムは以下のように配置することで画面の遷移を実装しています。 TopListPage ↓ ↑TodoAddPage 【TopListPageの記述内容】 ボタンを配置して、そのボタンを押すと(onPressed)、TodoAddPage…

今回のゴール ・テキストなどを配置し、その位置を変更できるようになる・左右への寄せ方、上下への寄せ方を知る 【プログラムの構成】 本プログラムは以下のように配置することで縦にそれぞれの内容を並べています。 home:Scaffold ー body:Column ー Conta…

今回のゴール ・テキストなどを配置し、その位置を変更できるようになる・左右への寄せ方、上下への寄せ方を知る 【プログラムの構成】 本プログラムは以下のように配置することで縦にそれぞれの内容を並べています。 home:Scaffold ー body:Column ー Conta…

Flutterの勉強として以下のサイトのコードを実装してみた。 zenn.dev このサイトにはGitでソースコードがアップロードされており、それをみながら自分でコードを移していく作業を行った。 まず必要な作業として、画像を挿入する必要があるためpubspec.yamlを…

タイトル通りですが、画像を挿入する時にはそれに対応した作業が必要です。 pubspec.yaml内の一番下 flutter: uses-material-design: true の下に assets: - images/ を書き足す。 以下のような構成になる。 flutter: uses-material-design: true assets: - …

北海道旅行に行ったので、その時の費用などを簡単にメモっておこうと思います。 基本的に美味しいものをたくさんたべるという目的の旅行なので食費にお金をかけたつもりです。 先に書いておくと、合計で60,315円かかりました。 1)飛行機代：12366円 成田ー新…

今回のゴール ・ウィジェットの位置を固定するやり方を知る 【ウィジェットとは】 Flutterにおいて、アップバーやテキスト、アイコンなどを構成するためのものをウィジェットと言います。 【配置の仕方】 ・Stackを使用して、複数のウィジェットを生成 body:…