「Flutter コードサンプル」の版間の差分
ナビゲーションに移動
検索に移動
細 (→テキストのみ配置する) |
|||
3行目: | 3行目: | ||
{{amazon|4798055832}} | {{amazon|4798055832}} | ||
− | ==== | + | ===テキストのみ配置する=== |
− | + | ====ウィジェット==== | |
**Flutterでは画面表示はウィジェットという部品によって作成される。 | **Flutterでは画面表示はウィジェットという部品によって作成される。 | ||
**ウィジェットを入れ子にすることで構築し、ウィジェットツリーと呼ぶ。 | **ウィジェットを入れ子にすることで構築し、ウィジェットツリーと呼ぶ。 | ||
− | + | ====StatelessWidgetとStatefulWidget==== | |
**runAppの引数に指定されているのは、MyAppクラスのインスタンス | **runAppの引数に指定されているのは、MyAppクラスのインスタンス | ||
**MyAppは、StatelessWidgetのサブクラス | **MyAppは、StatelessWidgetのサブクラス |
2020年3月15日 (日) 06:52時点における版
テキストのみ配置する
ウィジェット
- Flutterでは画面表示はウィジェットという部品によって作成される。
- ウィジェットを入れ子にすることで構築し、ウィジェットツリーと呼ぶ。
StatelessWidgetとStatefulWidget
- runAppの引数に指定されているのは、MyAppクラスのインスタンス
- MyAppは、StatelessWidgetのサブクラス
- StatelessWidgetはステート(状態)を持たない
- StatefullWidgetはステート(状態)を持つ
- ウィジェットはいずれかを継承して作成する
import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return new MaterialApp( title: 'Flutter Sample', home: Text( 'Hello, Flutter!!', style: TextStyle(fontSize: 32.0), ), ); } }
© 2006 矢木浩人