Flutter 将应用程序栏中的“颤振搜索”按钮切换到具有选项卡栏项目作为选项的新页面

我只是将一个Android应用程序传递给Flatter，当前的问题如下： 在Android中，我有一个带有搜索按钮的片段，单击搜索按钮时，会显示一个带有选项卡布局的新片段，用户可以通过标题或用户名搜索书籍，该方面如下图所示：

在新片段中，用户可以选择搜索方式，并可以对匹配结果进行预视觉化

哪一种是在颤振中实现类似内容的最佳方式，我知道开始是这样的：

return Scaffold(
    body: Column(
      children: <Widget>[
        // Page Content 
      ],
    ),
    appBar: AppBar(
      title: Text(this.text),
      actions: <Widget>[
        IconButton(
          onPressed: () {},
          icon: Icon(Icons.search)
        )
      ],
    ),
);

---

但是我应该如何实现选项卡栏来选择搜索依据和应用程序栏中要聚焦的搜索输入文本。

添加此On Pressed功能

return Scaffold(
    body: Column(
      children: <Widget>[
        // Page Content 
      ],
    ),
    appBar: AppBar(
      title: Text(this.text),
      bottom: TabBar(
        tabs: [Text("Books"), Text("Users")],
      ),
      actions: <Widget>[
        IconButton(
          onPressed: () {},
          icon: Icon(Icons.search)
        )
      ],
    ),
);

onPressed: () {
            Navigator.push(
    context,
    MaterialPageRoute(builder: (context) => SecondScreen()),
  );
          }, 

现在创建一个新的state类

return Scaffold(
    appBar: AppBar(
      title: TextField(),
      bottom: TabBar(
        tabs: [Text("Books"), Text("Users")],
      ),
      actions: <Widget>[
        IconButton(
          onPressed: () {},
          icon: Icon(Icons.search)
        )
      ],
    ),
));

---

添加这个onPressed函数

onPressed: () {
            Navigator.push(
    context,
    MaterialPageRoute(builder: (context) => SecondScreen()),
  );
          }, 

现在创建一个新的state类

return Scaffold(
    appBar: AppBar(
      title: TextField(),
      bottom: TabBar(
        tabs: [Text("Books"), Text("Users")],
      ),
      actions: <Widget>[
        IconButton(
          onPressed: () {},
          icon: Icon(Icons.search)
        )
      ],
    ),
));

---

Mohamed这样做有效了，现在如果我在点击栏中有每个选项卡选项的列表，我应该如何执行搜索操作？我试着在这里解释它当然，我会调查它Mohamed这起作用了，现在如果我在点击栏中有每个选项卡选项的列表，我应该如何执行搜索操作？我试着在这里解释当然，我会调查的