世界最大級のオンライン学習サービス「Udemy」のセール状況はこちら

【Flutter】AndroidアプリのAppBarタイトルを中央に表示させる

こんにちは、フラメルです。

今回はAndroidアプリのAppBarタイトルを中央表示する方法を紹介します。

目次

対処法

変更後
変更前

AppBarのタイトルを中央に表示させるにはcenterTitletrueにするだけです。

AppBar(
  title: Text('Flutter'),
  centerTitle: true,
),

サンプルコード

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Flutter'),
          centerTitle: true,
        ),
      ),
    );
  }
}

以上です。

目次