我们如何在 appbar flutter 中使用两行，比如第一行带有标题，第二行带有搜索输入字段

Question

您好，我正在开发一个应用程序，我需要在应用程序栏中使用两个部分，一个是上面的 1-> 带有徽标的部分和一些图标 2-> 标题部分下方的搜索输入字段。

附上 UI 图像以便更好地理解。

Answer 1

只需按照AppBar预期创建您的屏幕截图，您实际上不需要第二个Row. A就足够了（您实际上还TextFormField需要自定义）：InputDecoration

    return AppBar(
      title: Column(children: [
        Row(children: [
          Icon(Icons.menu),
          Text('First row'),
          const Spacer(),
          Icon(Icons.person),
        ]),
        TextFormField(),
      ]),
    );