全てのコンテンツ

Flutter

【Flutter】Widget内のコンテンツを画面からはみ出さずに表示する方法

例えば、Flutterで…

続きを読む
2022年04月01日1 分
Flutter

【Flutter】作成したページを別のファイルを作成に分割する

見通しを良くするために、Flutterでページごと別のファイルに分割します。 main.dartで、以下のコードがあるとします。 こちらのページを、別のファイルにします。 まず、pagesフォルダを作成し、home.dartを作成します。 main.dartのMyHomePage…

続きを読む
2022年03月26日1 分
Flutter

【Flutter】AlertDialogを使い、ポップアップウィンドウを表示する

Flutterでポップアップウィンドウを表示するには、AlertDialogを使います。 まずは、ポップアップウィンドウを表示するためのボタンを作成します。 _myDialogを作成し、その中に showDialog を設定します。 showDialog の context…

続きを読む
2022年03月24日1 分
Flutter

【Flutter】BottomNavigationBarを使い、アプリの下部にナビゲーションを設置する

アプリの下部にナビゲーションを設定するには、BottomNavigationBarを使います。 まずは、ナビゲーションによって切り替わる画面を簡単に作成します。 Scaffold に bottomNavigationBar を設定します。 bottomNavigationBar…

続きを読む
2022年03月23日1 分
Flutter

【Flutter】Switchを使い、オンオフのスイッチボタンを実装する

Flutterでオンオフのスイッチボタンを実装するには、 Switch を使用します。 まずは、 Scaffold 内に Switch を設定します。 スイッチの初期値を設定するため、 isOn を作成します。 Switch の中に、 value と onChanged…

続きを読む
2022年03月22日1 分
Flutter

【Flutter】DropdownButtonを使い、ドロップダウンを実装する

Flutterでドロップダウンを実装するには、 DropdownButton を使用します。 まずは、選択した値とリストを作成します。 build の中に DropdownButton を作成します。 value に取得したい値、今回は、 selectedValue…

続きを読む
2022年03月21日1 分
Flutter

【Flutter】TimePickerを使い、時刻の選択画面から時刻を取得する

Flutterで時刻の選択画面から時刻を取得します。 まずは、画面に現在の時刻を表示します。 dynamic型で dateTime を作成します。 次に、日付のデータを初期化しするために initState を使用します。 initState の中に、 TimeOfDay…

続きを読む
2022年03月20日2 分
Flutter

【Flutter】DatePickerを使い、カレンダーから日付を取得する

Flutterでカレンダーから日付を取得します。 まずは、画面に現在の日付を表示します。 dynamic型で dateTime を作成します。 次に、日付のデータを初期化しするために initState を使用します。 initState の中に、 DateTime で now…

続きを読む
2022年03月19日3 分
Flutter

【Flutter】Drawerを使い、ハンバーガーメニューを作成する

Flutterでハンバーガーメニューを作成します。 まずは、 AppBar を作成した画面を作成します。 appBar の下に、 drawer を追加します。 drawer には、 Drawer…

続きを読む
2022年03月17日1 分
Flutter

【Flutter】Tabを使い、画面を切り替える

Flutter でタブを切り替える場合、Tab を使用します。 まずは、 AppBar から作成してみましょう。 appBar の bottom に Tabbar を設定します。 TabBar の中に Tab…

続きを読む
2022年03月16日1 分