「Flutter コードサンプル」の版間の差分
ナビゲーションに移動
検索に移動
細 (→テキストのみ配置する) |
|||
4行目: | 4行目: | ||
====テキストのみ配置する==== | ====テキストのみ配置する==== | ||
+ | *ウィジェット | ||
+ | **Flutterでは画面表示はウィジェットという部品によって作成される。 | ||
+ | **ウィジェットを入れ子にすることで構築し、ウィジェットツリーと呼ぶ。 | ||
+ | *StatelessWidgetとStatefulWidget | ||
+ | **runAppの引数に指定されているのは、MyAppクラスのインスタンス | ||
+ | **MyAppは、StatelessWidgetのサブクラス | ||
+ | **StatelessWidgetはステート(状態)を持たない | ||
+ | **StatefullWidgetはステート(状態)を持つ | ||
+ | **ウィジェットはいずれかを継承して作成する | ||
+ | |||
import 'package:flutter/material.dart'; | import 'package:flutter/material.dart'; | ||
2020年3月15日 (日) 06:51時点における版
テキストのみ配置する
- ウィジェット
- 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 矢木浩人