プログラミング、フリーダイビング、ブロックチェーンのブログ

プログラミング道場

「プログラミング」 一覧

【Flutter入門】Google Mapに独自のmarkerアイコンをセットする方法

2020/05/19   -Flutter, プログラミング

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

【Flutter入門】Google Mapにmarkerをセットする方法

2020/05/19   -Flutter, プログラミング

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

【Flutter入門】ProviderのConsumerの説明と使い方

2020/05/17   -Flutter, プログラミング

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

Dart

【Dart入門】UnmodifiableListViewの説明と使い方

2020/05/17   -Dart, プログラミング

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

【Flutter入門】Providerの説明と使い方

2020/05/17   -Flutter, プログラミング

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

【Flutter入門】TextFieldの値をonPressedで取得する方法

2020/05/14   -Flutter, プログラミング

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

【Flutter入門】showModalBottomSheetを自動的に消す方法

2020/05/14   -Flutter, プログラミング

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

【Flutter入門】StatefulWidgetに値を渡して使用する方法

2020/05/14   -Flutter, プログラミング

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

【Flutter入門】StatelessWidgetの中でsetStateを使って状態を変化させる方法

2020/05/13   -Flutter, プログラミング

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

【Flutter入門】showModalBottomSheetとkeyboardの位置を調整する方法

2020/05/12   -Flutter, プログラミング

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

【Flutter入門】TextFieldに最初からフォーカスをあてる方法

2020/05/11   -Flutter, プログラミング

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

【Flutter入門】FlutterでTextの中身を空にする方法

2020/05/07   -Flutter, プログラミング

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

Copyright© プログラミング道場 , 2020 All Rights Reserved Powered by AFFINGER4.