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

Center使い方

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

ティファ

本記事では「Center 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 なし
よかったらシェアしてね!
目次
閉じる