【Flutter】Center|指定したWidgetを中央に表示する

今回はCenterの使い方を紹介します。

Centerを使えば指定したWidgetを中央表できます。

\ 世界最大級のオンライン学習サービス /

目次

Centerの使い方

Center(
  child: Text(
    'Hello World',
    style: TextStyle(
      fontSize: 40,
    ),
  ),
),

childの引数に中央表示したいWidgetを渡します。

Centerあり

Centerなし

サンプルコード

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Center(
          child: Text(
            'Hello World',
            style: TextStyle(
              fontSize: 40,
            ),
          ),
        ),
      ),
    );
  }
}

一緒に読みたい

参考

  • URLをコピーしました!
目次