Flutter - 如何将 appBar 上的按钮向左对齐？

Question

Flutter 中 appBar 上的操作按钮默认与右侧对齐，我想将我的 FlatButton 与标题/徽标旁边的左侧对齐。

任何人都可以请指教吗？

以下是我的代码：

@override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        appBar: AppBar(
          backgroundColor: Colors.white,
          title: const Text('Logo'),
          elevation: 0.0,
           actions: <Widget>[

            FlatButton(
                onPressed: () {
                  _select(choices[0]);
                },
                child: Text(
                  'Portfolio',
                  style: TextStyle(
                      fontFamily: 'Futura',
                      fontSize: 12,
                      color: Color.fromRGBO(80, 86, 89, 100)),
                )),

干杯，凯伦

Answer 1

import 'package:flutter/material.dart';

class TestPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Row(
          children: <Widget>[
            Text(
              'Actions Align Left',
            ),
            FlatButton(
              child: Text('FlatButton'),
            )
          ],
        )
      ),
    );
  }
}

我用了Row标题，然后就放在FlatButton那里了。

Answer 2

您还可以使用which的leading属性AppBar在标题之前放置一个小部件。如果您需要多个小部件，您可以将它们嵌套在一个Row.