PR
Shuichi-Y
Unityでゲームを制作してみました… unityroomに公開できました… よろしくお願いいたします… m(__)m
Calendar
Keyword Search
▼キーワード検索
Category
カテゴリ未分類
(0)作成（Terrain）
(7)作成（ProBuilder）
(3)作成（Cube, Sphere）
(18)作成（Title, GAMEOVER）
(2)作成（VRoid）
(2)作成（Blender）
(26)作成（VRoid → Blender → Unity）
(15)作成（TreeIt）
(10)作成（TreeIt → Blender → Unity）
(3)作成（Unity_Scene）
(2)作成（調整）
(24)作成（その他）
(9)unityroom
(4)Led点灯（Arduino）
(2)C#のプログラミングのツボとコツ（書籍）
(4)Unity勉強（XR-Hub_小技集）
(39)Unity勉強（XR-Hub_ゲーム作成）
(12)Unity勉強（XR-Hub_C#）
(10)Unity勉強（本格入門）
(37)Unity勉強（Learn）
(189)作成（Blender → Unity）
(8)Flutter実践入門…
(28)Flutter入門講座
(55)LED Photos
(73)Comments
2024.01.13
カテゴリ： Flutter実践入門…
最初のホットリロード
lib/main.dart の最後で、1 つ目の Text オブジェクトの文字列に何かを追加して、ファイルを保存します。
次に例を示します。
| // ... |
| return Scaffold( |
| body: Column( |
| children: [ |
| Text('A random AWESOME idea:'), // ← Example change. |
| Text(appState.current.asLowerCase), |
| ], |
| ), |
| ); |
| // ... |
凄いですね…
ボタンを追加する
次に、Column の下部で、2 つ目の Text インスタンスのすぐ下に、ボタンを追加します。
変更を保存すると、アプリが再び更新されます。ボタンが表示され、それをクリックすると、VS Code のデバッグ コンソールに「button pressed!」というメッセージが表示されます。
5 分で終わる Flutter 講座
デバッグ コンソールを見るのも良いのですが、ボタンにはもっと意味のあることを表示したいものです。その前に、lib/main.dart のコードをよく見て、その動作を理解しましょう。
| // … |
| void main() { |
| runApp(MyApp()); |
| } |
| // ... |
| // ... |
| class MyApp extends StatelessWidget { |
| const MyApp({super.key}); |
| @override |
| Widget build(BuildContext context) { |
| return ChangeNotifierProvider( |
| create: (context) => MyAppState(), |
| child: MaterialApp( |
| title: 'Namer App', |
| theme: ThemeData( |
| useMaterial3: true, |
| colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepOrange), |
| ), |
| home: MyHomePage(), |
| ), |
| ); |
| } |
| } |
| // ... |
次に、MyAppState クラスでアプリの状態を定義します。今回は Flutter を初めて使うので、この Codelab は単純で的を絞ったものにします。Flutter には、アプリの状態を管理する強力な方法が多数あります。
MyAppState では、アプリが機能するために必要となるデータを定義します。今のところ、現在のランダムな単語のペアを収めた変数が 1 つあるだけです。
状態クラスは ChangeNotifier を拡張します。つまり、自身の変更に関する通知を行うことができるということです。たとえば、現在の単語ペアが変化したら、アプリ内のウィジェットが知る必要があります。
状態は ChangeNotifierProvider を使用して作成されてアプリ全体に提供されます（MyApp の上記コードを参照）。これにより、アプリ内のどのウィジェットも状態を取得できるようになります。
難しいです…
お気に入りの記事を「いいね！」で応援しよう
Last updated
2024.01.13 19:00:10 コメントを書く
[Flutter実践入門…] カテゴリの最新記事
-
flutterでアプリの作成…？（初めての Flut… 2024.01.27
-
flutterでアプリの作成…？（初めての Flut… 2024.01.26
-
flutterでアプリの作成…？（初めての Flut… 2024.01.25
【毎日開催】
15記事にいいね！で1ポイント
・2026.05
・2026.04
・2026.03
・2026.04
・2026.03
・2026.02
・2026.01
・2026.01
© Rakuten Group, Inc.
