【Flutter】Centerの基本的な使い方

Center使い方
この記事がおすすめな人
  • Flutterアプリ開発初心者
  • 英語のFlutterドキュメントを読むのが難しい
  • Center Widgetの基本的な使い方が知りたい

Centerを使えば、child Widgetを中心に配置できます。

\ Widgetの扱い方が不安な方はこちら! /

スポンサーリンク

Centerの基本となるプロパティ

  • child:中心に配置したいWidgetを指定します。

child

Center(
  child: Text('Hello World'),
),

childプロパティで中心に配置したいWidgetを指定します。

//右の画像のコード
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Flutter入門アカデミー'),
        ),
        body: Center(
          child: Text('Hello World'),
        ),
      ),
    );
  }
}
Center あり
Center なし
タイトルとURLをコピーしました