-
-
【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 ...
-
-
【Flutter入門】Flutterで背景色を1秒間で変化させる方法（Animation）
使い方 まずは、mixinをします。 with SingleTickerProviderStateMixin { 次に、initStateの中で、設定をします。 Durationは、変化にかかる時間です。 この例だと、blueGreyからw ...
-
-
【Flutter入門】Flutterでローディング中に画像を表示させる方法
準備 pubspec.yamlのdependenciesに、「flutter_spinkit: "^4.1.2"」を追加します。 表示させたいのは、こういった画像です。 実際の使い方 設定が終わったら、アプリを止めてから再度、起動しましょう ...