双击底部导航栏项目Flutter

debugcn 发表于 Dev

病毒

在我的主页中，我有一个带有2个菜单的底部导航。

但是，我的客户希望在每个菜单上单击两次时滚动到顶部。

我有原始资料库 bottomNavigationBar: BottomNavigationBar

在原始图书馆中没有财产 onDoubleTap

有什么技术可以实现吗？

这是我现在要做的

List<Widget> _widgetOptions;
int _selectedIndex = 0;
@override
void initState() {
super.initState();
_widgetOptions = <Widget>[
  HomeScreen(),
  SettingScreen();
];
 }
void _onItemTapped(int index) {
  setState(() {
    _selectedIndex = index;
  });
}
@override
Widget build(BuildContext context) {
return Scaffold(
  body: IndexedStack(
    children: _widgetOptions,
    index: _selectedIndex,
  ),
  bottomNavigationBar: BottomNavigationBar(
    items: <BottomNavigationBarItem>[
      BottomNavigationBarItem(
        icon: Image.asset("assets/icons/home.png",
        ),
        activeIcon: Image.asset(
          "assets/icons/home_active.png",
        ),
      ),
      BottomNavigationBarItem(
          icon: Image.asset(
            "assets/icons/service.png",
          ),
          activeIcon: Image.asset(
            "assets/icons/service.png",
          ),
      ),
    ],
    currentIndex: _selectedIndex,
    onTap: _onItemTapped,
  ),
);
}

严厉的梅塔

您可以使用GestureDetector小部件并将其包装在BottomNavigationBar传递bottomNavigationBar属性的位置上

Gesture Detector有一种onDoubleTap可以用于您的情况的方法。这就是你想做的

          bottomNavigationBar: GestureDetector(
            onDoubleTap: (){
              //execute Event
            },
            child: BottomNavigationBar(
                items: [...],
            ),

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。