翩翩：设置appbar自定义标题高度

Question

在应用栏中，我添加了这样的搜索小部件。

return Scaffold(
  appBar: AppBar(
    title: Container(
      margin: EdgeInsets.only(top: 30),
      decoration: BoxDecoration(
        color: Color.fromARGB(50, 255, 255, 255),
        borderRadius: BorderRadius.all(Radius.circular(20)),
      ),
      child: Row(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: <Widget>[
          Expanded(
            child: Padding(
              padding: const EdgeInsets.symmetric(horizontal: 5.0),
              child: TextFormField(...
                    )),
              ),
            ),
          )
        ],
      ),
    ),
    bottom: PreferredSize(
      preferredSize: Size.fromHeight(100.0),
      child: TabBar(...

我添加了从顶部开始的边距等于30，但搜索部分被裁剪了。

我怎样才能增加默认值 title 大小 在appbar中？

Answer 1

你可以用 flexibleSpace 来代替 title。

return Scaffold(
  appBar: AppBar(
    flexibleSpace: Container(....

Answer 2

flexibleSpace 工作得很好，但另一种方法是使用 PreferredSize.

Scaffold(
  appBar: PreferredSize(
    preferredSize: Size.fromHeight(100.0),
    child:AppBar(
      title:Text("title"),
    )
  ),
  body:...
 )