簡體   English   中英

Flutter - 從另一個小部件調用 onTap

[英]Flutter - Call onTap from another widget

我有一個凸底欄,最后一個選項卡是一個菜單,單擊時會打開一個抽屜。 但是當抽屜關閉時我遇到了麻煩。 由於選項卡菜單僅打開一個抽屜,我希望它可以在抽屜關閉時返回到上一個選項卡,但菜單選項卡保持活動狀態。 該選項卡僅在單擊時更改。 那么如何在抽屜關閉時調用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);
      },
  ),
  ),
);

在您的 class 中創建一個 function onTapHandler ... 將參考放在您的 ConvexAppBar(onTap:onTapHandler...) 上,現在您可以在onDrawerChanged處理程序中調用 onTapHandler

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM