PR
Calendar
Keyword Search
Category
Comments
Chapter2:Flutterアプリ開発の基本
01.画面の構築
・Widgetで画面を構築する
・Chapter1の復習
Widgetの関係はツリー構造となっており、親Widgetの配下に子Widgetを配置することで画面を構築していきます。
Widgetは、画面を構成するパーツですが、単純に画面に表示されるテキストやボタンだけではなく、CenterやColumnのように子Widgetにレイアウト情報などの属性を与えるWidgetもあります。カウンタアプリは、Centerを親に持つTextのWidgetがあるため、画面の中央に文字列が表示されています。
・Chapter1の復習
・bodyにWidgetを追加する
・STEP1. 文字列を表示する
!Flutterにはホットリロードという機能が備わっており、デバッグ中にソースコードを修正して保存をすると、自動でエミュレータに変更内容が反映されます。
出来てはいますが、トラブルに対応できるのかな…
・STEP2. 2行目に文字列を表示する
・STEP3. 3行目にボタンをたす
・STEP4. 4行目に3個のアイコンを配置する
・body以外にWidgetを追加する
カウンタアプリのScaffoldには、bodyの他にもappBarやfloatingActionButtonもあります。
appBarやfloatingActionButtonがある事を覚えることが…
・DrawerにWidgetを追加する
02.画面の更新
・画面の更新
・画面の更新の流れ
・字列の更新例
・Widgetの表示/非表示の切り替え
更新ではなくWidgetの表示/非表示を切り替えたい場合があります。
このような場合は、Widgetの前にif文を入れて、判定結果がtrueの時だけ表示させることもできます。
自分で思いつけるかですね…
内容が難しくなってきましたね…
flutterでアプリの作成…?(初めての Flut… 2024.01.27
flutterでアプリの作成…?(初めての Flut… 2024.01.26
flutterでアプリの作成…?(初めての Flut… 2024.01.25