Flutter中如何将AppBar标题对齐到右侧？

针对AppBar标题需要右对齐的需求，这里提供两种简洁的实现方式：

方法一：通过titleTextStyle设置文本对齐 #

直接在AppBar的titleTextStyle中添加textAlign: TextAlign.right，让标题文本自身右对齐：

import 'package:flutter/material.dart';

void main() => runApp(MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          toolbarHeight: 50.0,
          titleTextStyle: const TextStyle(
            color: Colors.black,
            fontSize: 18.0,
            fontWeight: FontWeight.w500,
            textAlign: TextAlign.right,
          ),
          title: const Text('This is the title !'),
          backgroundColor: Colors.amber,
        ),
      ),
    ));

方法二：用Align组件包裹标题 #

将标题文本包裹在Align组件内，通过alignment: Alignment.centerRight强制标题靠右对齐，这种方式在AppBar存在左侧leading组件时，依然能保证标题紧贴右侧：

import 'package:flutter/material.dart';

void main() => runApp(MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          toolbarHeight: 50.0,
          title: Align(
            alignment: Alignment.centerRight,
            child: const Text(
              'This is the title !',
              style: TextStyle(color: Colors.black),
            ),
          ),
          backgroundColor: Colors.amber,
        ),
      ),
    ));

内容的提问来源于stack exchange，提问作者Chathura Abeygunawardhana