Flutter：设置AppBar的高度。

12 浏览
0 Comments

Flutter：设置AppBar的高度。

我如何简单地设置Flutter中AppBar的高度？

该栏的标题应该保持垂直居中（在那个AppBar内）。

admin 更改状态以发布 2023年5月21日
0

2 答案

0 Comments

使用 toolbarHeight：

在这里输入图片描述

不再需要使用 PreferredSize，而是使用 toolbarHeight 和 flexibleSpace。

AppBar(
  toolbarHeight: 120, // Set this height
  flexibleSpace: Container(
    color: Colors.orange,
    child: Column(
      children: [
        Text('1'),
        Text('2'),
        Text('3'),
        Text('4'),
      ],
    ),
  ),
)

0
0 Comments

你可以使用 PreferredSize：

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Example',
      home: Scaffold(
        appBar: PreferredSize(
          preferredSize: Size.fromHeight(50.0), // here the desired height
          child: AppBar(
            // ...
          )
        ),
        body: // ...
      )
    );
  }
}

0