| ページ一覧 | ブログ | twitter |  書式 | 書式(表) |

MyMemoWiki

「Flutter コードサンプル」の版間の差分

提供: MyMemoWiki
ナビゲーションに移動 検索に移動
3行目: 3行目:
 
{{amazon|4798055832}}
 
{{amazon|4798055832}}
  
====テキストのみ配置する====
+
===テキストのみ配置する===
*ウィジェット
+
====ウィジェット====
 
**Flutterでは画面表示はウィジェットという部品によって作成される。
 
**Flutterでは画面表示はウィジェットという部品によって作成される。
 
**ウィジェットを入れ子にすることで構築し、ウィジェットツリーと呼ぶ。
 
**ウィジェットを入れ子にすることで構築し、ウィジェットツリーと呼ぶ。
*StatelessWidgetとStatefulWidget
+
====StatelessWidgetとStatefulWidget====
 
**runAppの引数に指定されているのは、MyAppクラスのインスタンス
 
**runAppの引数に指定されているのは、MyAppクラスのインスタンス
 
**MyAppは、StatelessWidgetのサブクラス
 
**MyAppは、StatelessWidgetのサブクラス

2020年3月15日 (日) 06:52時点における版

Flutter|Dart|

テキストのみ配置する

ウィジェット

    • 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),
      ),
    );
  }
}

Flutter simple.png