使用Gnav（Google导航栏）时出现索引无效常量错误的原因？

问题根源：你给GNav widget加了const修饰符，但onTabChange是动态回调函数，不属于编译时常量，因此触发了"无效常量值"错误。const修饰的widget要求所有参数都是固定不变的编译期常量，而回调函数是运行时的动态逻辑，不符合该要求。

解决步骤： #

1. 移除GNav前的const关键字
2. 维护选中状态并实现导航逻辑：将selectedIndex改为可变状态，通过setState或状态管理工具更新，同时绑定到GNav的selectedIndex参数，实现选中项高亮和页面切换。

修正后的代码示例： #

int selectedIndex = 0;
var heightOfDevice = MediaQuery.of(context).size.height;
return SafeArea(
  child: Scaffold(
    bottomNavigationBar: GNav(
      backgroundColor: Color(0xFF242A38),
      color: Colors.white,
      activeColor: Color(0xFFF54B64),
      gap: 8,
      selectedIndex: selectedIndex,
      onTabChange: (index) {
        setState(() {
          selectedIndex = index;
        });
        // 这里添加页面导航逻辑，示例：
        // Navigator.push(context, MaterialPageRoute(builder: (context) => TargetPage()));
      },
      tabs: [
        GButton(
          icon: Icons.home,
          text: 'Home',
        ),
        // 其他tab按钮
      ]
    ),
    body: _getCurrentPage(selectedIndex),
  )
);

// 根据选中索引返回对应页面
Widget _getCurrentPage(int index) {
  switch(index) {
    case 0:
      return Container(child: Text('Home Page'));
    case 1:
      return Container(child: Text('Profile Page'));
    // 添加更多tab对应的页面
    default:
      return Container(child: Text('Home Page'));
  }
}

补充说明： #

• 如果当前是无状态widget，需要改成有状态widget才能使用setState。
• 若项目使用状态管理工具（如Provider、Riverpod），可通过对应方式管理selectedIndex，逻辑类似但更适配复杂场景。

内容的提问来源于stack exchange，提问作者hemanth_101