如何在颤动中减小应用栏的大小

Question

我有一个表单页面。在页面顶部，我写下了表格的名称。但问题是这个名字占用了很多空间（高度）。有没有可能降低这个高度？？ 我的头像：

我的代码

class Form_ttn extends StatefulWidget {
  @override
  _SettingsScreenState createState() => _SettingsScreenState();
}

class _SettingsScreenState extends State<Form_ttn> {
  bool lockInBackground = true;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('ТТН'), centerTitle: true,
        backgroundColor: Colors.blueGrey,),
      body: SingleChildScrollView(

Answer 1

您可以使用 PreferredSize 小部件制作自定义应用栏。

return Scaffold(
      appBar: CustomAppBar(height: 50....

...

PreferredSize CustomAppBar({
  BoxDecoration decoration,
  EdgeInsets padding,
  Widget child,
  double height,
}) {
  return PreferredSize(
    preferredSize: Size.fromHeight(height),

    child: Container(
      padding: padding,
      decoration: decoration,
      child: child
      ),
  );
}

Answer 2

尝试使用 SafeArea 小部件，参考下面的代码希望对您有所帮助。参考 SafeArea here

 return SafeArea(
  child: Scaffold(
    appBar: AppBar(
      centerTitle: true,
      title: Text(
        'Search Here',
      ),
        ),
    body: SingleChildScrollView(),
  ),
);

您的结果屏幕->

Answer 3

在 AppBar 中使用 toolbarHeight 设置高度