0

我有一个凸底栏,最后一个选项卡是一个菜单,单击时会打开一个抽屉。但是当抽屉关闭时我遇到了麻烦。由于选项卡菜单仅打开一个抽屉,我希望它可以在抽屉关闭时返回到上一个选项卡,但菜单选项卡保持活动状态。该选项卡仅在单击时更改。那么如何在抽屉关闭时调用convex_tab_bar的onTab属性呢?

...
    return Scaffold(
  key: _scaffoldKey,
  drawer: Drawer(
    child: ListView(
      padding: EdgeInsets.zero,
      children: [
        const DrawerHeader(
          decoration: BoxDecoration(
            color: Colors.blue,
          ),
          child: Text('Drawer Header'),
        ),
        ListTile(
          title: const Text('Item 1'),
          onTap: () {},
        ),
      ],
    ),
  ),
  onDrawerChanged: (isOpen) {
    if (!isOpen) {
      setState(() {
        _currentOption = _previousOption;
      });
      changeTab(context, _previousOption);
    }
  },
  body: Container(
    child: _currentPage,
  ),
  bottomNavigationBar: StyleProvider(
    style: Style(),
    child: ConvexAppBar(
      style: TabStyle.fixedCircle,
      backgroundColor: Colors.white,
      color: Colors.grey,
      activeColor: _currentOption == 1
          ? const Color(0xffa98e47)
          : const Color(0xff00c9ff),
      items: [
        TabItem(
          icon: const Icon(
            ReceivedIcon.receivedIcon,
            color: Colors.grey,
            size: 12,
          ),
          title: AppLocalizations.of(context)!.received,
          activeIcon: const Icon(
            ReceivedIcon.receivedIcon,
            color: Color(0xff00c9ff),
            size: 12,
          ),
        ),
        TabItem(
          icon: const Icon(SentIcon.sentIcon, color: Colors.grey),
          title: AppLocalizations.of(context)!.sent,
          activeIcon: const Icon(SentIcon.sentIcon, color: Color(0xffa98e47)),
        ),
        const TabItem(
          icon: Icon(
            Icons.add_rounded,
            size: 48,
            color: Colors.white,
          )
        ),
        TabItem(
          icon: Icons.notifications,
          title: AppLocalizations.of(context)!.notifications
        ),
        TabItem(
          icon: Icons.menu, 
          title: AppLocalizations.of(context)!.menu
        ),
      ],
      onTap: (int i) {
        changeTab(context, i);
      },
  ),
  ),
);
4

2 回答 2

0

在您的类中创建一个函数onTapHandler...将引用放在您的 ConvexAppBar(onTap:onTapHandler ...) 上,现在您可以在处理程序中调用onDrawerChangedonTapHandler

于 2022-01-04T13:53:06.903 回答
0

试试这个https://github.com/hacktons/convex_bottom_bar/blob/master/doc/issue-change-active-tab-index.md(以编程方式更改活动标签索引)

于 2022-01-04T16:30:11.617 回答