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

プログラミング道場

「Flutter」 一覧

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

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

実装方法 showModalBottomSheetを消すのは簡単で、下記の一行を追加するだけです。

まとめ この記事では、showModalBottomSheetに値を入力し ...

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

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

実装方法 まずは、コンストラクタに値をセットします。

次に、それをwidgetを通して使います。

まとめ S ...

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

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

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

StatelessWidget ...

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

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

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

まとめ ...

インフィード広告

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

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

実装後の画面 下記の画面のように、この画面を呼び出した時点で、既に入力できる状態になってきます。 つまり、フォーカスがあたっています。 実装方法 autofocusを使います。 [crayon-5ed3ee5b9c5ec860263369/ ...

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

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

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

対象のフィールドにTe ...

【Flutter入門】FlutterでFirebaseからデータを取り出してリストに出力する方法

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

Firebaseのcollectionの中 messagesというコレクションの中に、senderとtextがあります。 実装後の画面 Firebaseからデータの取得方法 pubspec.yamlに一行を追加してから、パッケージをインスト ...

【Flutter入門】FlutterでFirebaseにデータを登録して取り出す方法

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

Firebaseのcollectionの中 messagesというコレクションの中に、senderとtextがあります。 Firebaseへの登録方法 Firestoreのインスタンスを作成 final _firestore = Fires ...

【Flutter入門】Flutterで処理中にmodalを出す方法

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

今回、実装する機能 今回、実装する機能は、画面の中心で回っている円です。 これがあることで、ユーザーに、「現在、何らかの処理をやっていること」を伝えることができます。 実装方法 pubspec.yamlにこれを追加します。 modal_pr ...

インフィード広告

【Flutter入門】FlutterでFirebaseAuthを使ってemailとpasswordでログインする方法

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

Firebaseの設定 前提条件として、Firebaseの設定は終わっている必要があります。 画面に沿ってやっていけば、問題なく実装できるはずです^^ registerの実装方法 firebase_authのimportをします。 impo ...

【Flutter入門】Flutterで背景色を1秒間で変化させる方法(Animation)

2020/04/20   -Flutter, プログラミング

使い方 まずは、mixinをします。 with SingleTickerProviderStateMixin { 次に、initStateの中で、設定をします。 Durationは、変化にかかる時間です。 この例だと、blueGreyからw ...

【Flutter入門】Flutterでローディング中に画像を表示させる方法

2020/04/16   -Flutter, プログラミング

準備 pubspec.yamlのdependenciesに、「flutter_spinkit: "^4.1.2"」を追加します。 表示させたいのは、こういった画像です。 実際の使い方 設定が終わったら、アプリを止めてから再度、起動しましょう ...

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