-
-
【Flutter入門】Providerの説明と使い方
Providerを使う場合と使わない場合の違い Providerを使わないでデータを共有する方法 まずは、Providerを使わないでデータを共有する方法を説明します。 下記の図の場合、topDataを共有しようとすると、下にいくにつれてコ ...
-
-
【Flutter入門】TextFieldの値をonPressedで取得する方法
実装方法 Widget内に変数を宣言します。 String taskName; onChangedで値をセットします。 TextField( autofocus: true, textAlign: TextAlign.center, onC ...
-
-
【Flutter入門】showModalBottomSheetを自動的に消す方法
実装方法 showModalBottomSheetを消すのは簡単で、下記の一行を追加するだけです。 Navigator.pop(context);
-
-
【Flutter入門】StatefulWidgetに値を渡して使用する方法
実装方法 まずは、コンストラクタに値をセットします。 final List tasks; TasksList({this.tasks}); 次に、それをwidgetを通して使います。 taskTitle: widget.tasks[inde ...
-
-
【Flutter入門】StatelessWidgetの中でsetStateを使って状態を変化させる方法
実装方法 具体的には、StatelessWidgetのコンストラクタに「Function」を渡して、それをクラスの中で実装します。 呼び出し元 trailing: TaskCheckbox( checkboxState: isChecked ...
-
-
【Flutter入門】showModalBottomSheetとkeyboardの位置を調整する方法
実装前後の比較 実装前 実装後 実装方法 「isScrollControlled」を使って、「SingleChildScrollView」でwrapして調整します。 floatingActionButton: FloatingActionB ...
-
-
【Flutter入門】TextFieldに最初からフォーカスをあてる方法
実装後の画面 下記の画面のように、この画面を呼び出した時点で、既に入力できる状態になってきます。 つまり、フォーカスがあたっています。 実装方法 autofocusを使います。 autofocus: true 上記の場合は、中心にフォーカス ...
-
-
【Flutter入門】FlutterでTextの中身を空にする方法
実装後の画面 下記の画面で、「Send」を押した後に、左にあるTextを空にします。 実装方法 TextEditingControllerを使います。 final messageTextController = TextEditingCon ...
-
-
【Flutter入門】FlutterでFirebaseからデータを取り出してリストに出力する方法
Firebaseのcollectionの中 messagesというコレクションの中に、senderとtextがあります。 実装後の画面 Firebaseからデータの取得方法 pubspec.yamlに一行を追加してから、パッケージをインスト ...
-
-
【Flutter入門】FlutterでFirebaseにデータを登録して取り出す方法
Firebaseのcollectionの中 messagesというコレクションの中に、senderとtextがあります。 Firebaseへの登録方法 Firestoreのインスタンスを作成 final _firestore = Fires ...
-
-
【Flutter入門】Flutterで処理中にmodalを出す方法
今回、実装する機能 今回、実装する機能は、画面の中心で回っている円です。 これがあることで、ユーザーに、「現在、何らかの処理をやっていること」を伝えることができます。 実装方法 pubspec.yamlにこれを追加します。 modal_pr ...
-
-
【Flutter入門】FlutterでFirebaseAuthを使ってemailとpasswordでログインする方法
Firebaseの設定 前提条件として、Firebaseの設定は終わっている必要があります。 画面に沿ってやっていけば、問題なく実装できるはずです^^ registerの実装方法 firebase_authのimportをします。 impo ...