プログラミング道場

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

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

実装方法 Widget内に変数を宣言します。

String taskName;

1	String taskName;

onChangedで値をセットします。

TextField(
  autofocus: true,
  textAlign: TextAlign.center,
  onChanged: (value) {
    taskName = value;
  },
),

1

2

3

4

5

6

7

TextField(

autofocus: true,

textAlign: TextAlign.center,

onChanged: (value) {

taskName = value;

},

),

onPressedで取 ...

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

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

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

Navigator.pop(context);

1	Navigator.pop(context);

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

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

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

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

final List<Task> tasks;
TasksList({this.tasks});

1 2	final List<Task> tasks; TasksList({this.tasks});

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

taskTitle: widget.tasks[index].name,

1	taskTitle: widget.tasks[index].name,

まとめ S ...

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

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

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

trailing: TaskCheckbox(
  checkboxState: isChecked,
  toggleCheckboxState: (bool checkboxState) {
    setState(() {
      isChecked = checkboxState;
    });
  },
),

1

2

3

4

5

6

7

8

trailing: TaskCheckbox(

checkboxState: isChecked,

toggleCheckboxState: (bool checkboxState) {

setState(() {

isChecked = checkboxState;

});

},

),

StatelessWidget ...

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

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

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

floatingActionButton: FloatingActionButton(
  backgroundColor: Colors.lightBlueAccent,
  child: Icon(Icons.add),
  onPressed: () {
    showModalBottomSheet(
      context: context,
      isScrollControlled: true,
      builder: (context) =&gt; SingleChildScrollView(
        child: Container(
            padding: EdgeInsets.only(
                bottom: MediaQuery.of(context).viewInsets.bottom),
            child: AddTaskScreen()),
      ),
    );
  },
),

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

floatingActionButton: FloatingActionButton(

backgroundColor: Colors.lightBlueAccent,

child: Icon(Icons.add),

onPressed: () {

showModalBottomSheet(

context: context,

isScrollControlled: true,

builder: (context) => SingleChildScrollView(

child: Container(

padding: EdgeInsets.only(

bottom: MediaQuery.of(context).viewInsets.bottom),

child: AddTaskScreen()),

),

);

},

),

まとめ ...

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

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

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

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

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

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

final messageTextController = TextEditingController();

1	final messageTextController = 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 ...

機械学習でおすすめの本と動画【2020年最新】

2020/04/25 -Python, プログラミング, プログラミング関連, 書評

概念的な理解機械学習エンジニアになりたい人のための本機械学習について書かれている本です。機械学習エンジニアになりたい人向けに、仕事内容や必要な知識レベルが書かれています。機械学習エンジニアなるための勉強法などが書かれているのは嬉しい ...

「プログラミング」 一覧

「プログラミング」一覧