如何在导航栏中添加搜索按钮?

时间:2020-05-14 23:14:21

标签: flutter dart flutter-layout

由于下面的文章,我添加了AppBar搜索图标。 文章:How to implement a Flutter Search App Bar

同样,如何在底部导航栏中的按钮上添加showSearch()?谢谢大家。

showSearch():

showSearch(context: context, delegate: DataSearch(listWords));

搜索页类别

class _SearchPageState extends State<SearchPage> {
  @override
  Widget build(BuildContext context) {
    return SingleChildScrollView(
      child: Container(),
    );
  }
}

NavigationBar的页面列表:

  List<Widget> _pageOptions = [
    AppBody(
      key: PageStorageKey('AllCryptoList'),
    ),
    FavoritesList(
      key: PageStorageKey('FavoriteCryptoList'),
    ),
    SearchPage(
      key: PageStorageKey('SearchPage'),
    ),
    InfoPage(
      key: PageStorageKey('AppInfoPage'),
    ),
  ];

Output Navigation Bar ScreenShot

0 个答案:

没有答案