Shuichi-Yのブログ

Shuichi-Yのブログ

PR

×

Profile

Shuichi-Y

Shuichi-Y

Calendar

Keyword Search

▼キーワード検索

2024.01.05
XML
カテゴリ: Flutter実践入門…


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の時だけ表示させることもできます。
自分で思いつけるかですね…
内容が難しくなってきましたね…













お気に入りの記事を「いいね!」で応援しよう

Last updated  2024.01.05 19:00:11 コメントを書く


■コメント

お名前
タイトル
メッセージ

利用規約 に同意してコメントを
※コメントに関するよくある質問は、 こちら をご確認ください。


【毎日開催】
15記事にいいね!で1ポイント
10秒滞在
いいね! -- / --
おめでとうございます!
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x
X

© Rakuten Group, Inc.
Design a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
Share by: