「プログラミング」 一覧

実装したいこと こんな風に、Google Map上に独自のマーカーを立てたい。 実際のコード pubspec.yamlに下記の内容を追記します。 assets: - assets/ そして、assetsディレクトリ内に、自分が保存した画像を ...

実装したいこと こんな風に、Google Map上に赤いマーカーを立てたい。 実際のコード markersオプションに値を渡します。 body: GoogleMap( initialCameraPosition: _kGooglePlex, ...

Consumerを使わないコード Consumerを使わないと、データへアクセスするためのコードが長くなります。 Consumerを使ってシンプルに書いたコード Consumerを使うとシンプルにコードを書けます。 まとめ この記事では、P ...

UnmodifiableListViewを使わないクラスの書き方 コードの問題点（ミスを引き起こしやすい） プロパティにアクセスして、lengthを取得している プロパティにアクセスして、itemをaddしている UnmodifiableL ...

Providerを使う場合と使わない場合の違い Providerを使わないでデータを共有する方法 まずは、Providerを使わないでデータを共有する方法を説明します。 下記の図の場合、topDataを共有しようとすると、下にいくにつれてコ ...

実装方法 Widget内に変数を宣言します。 String taskName; onChangedで値をセットします。 TextField( autofocus: true, textAlign: TextAlign.center, onC ...

実装方法 showModalBottomSheetを消すのは簡単で、下記の一行を追加するだけです。 Navigator.pop(context); まとめ この記事では、showModalBottomSheetに値を入力した後、自動で消す方 ...

実装方法 まずは、コンストラクタに値をセットします。 final List tasks; TasksList({this.tasks}); 次に、それをwidgetを通して使います。 taskTitle: widget.tasks[inde ...

実装方法 具体的には、StatelessWidgetのコンストラクタに「Function」を渡して、それをクラスの中で実装します。 呼び出し元 trailing: TaskCheckbox( checkboxState: isChecked ...

実装前後の比較 実装前 実装後 実装方法 「isScrollControlled」を使って、「SingleChildScrollView」でwrapして調整します。 floatingActionButton: FloatingActionB ...

実装後の画面 下記の画面のように、この画面を呼び出した時点で、既に入力できる状態になってきます。 つまり、フォーカスがあたっています。 実装方法 autofocusを使います。 autofocus: true 上記の場合は、中心にフォーカス ...

実装後の画面 下記の画面で、「Send」を押した後に、左にあるTextを空にします。 実装方法 TextEditingControllerを使います。 final messageTextController = TextEditingCon ...