0

通过遵循此线程，我无法将路由和 BottomNavigationBar 结合起来（如何在 Flutter 中使用 BottomNavigationBar 中的命名路由？）。

关于如何使这项工作的任何建议？我正在尝试为一些已定义的路线添加一个 BottomNavigationBar。对于其余路线，不应出现 BottomNavigationBar。

void main() {
  runApp(Og1AlarmApp());
}

class Og1AlarmApp extends StatelessWidget {
  final Map<String, WidgetBuilder> _routes = {
    AppRoute.of(AppScreen.alarmList): (c) => AlarmListScreen(),
    AppRoute.of(AppScreen.alarmDetails): (c) => AlarmDetailsScreen(),
    AppRoute.of(AppScreen.alarm): (c) => AlarmScreen(),
    AppRoute.of(AppScreen.dashboard): (c) => DashboardScreen(),
  };

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        title: 'Og1 Alarm',
        theme: ThemeData(
          primarySwatch: Colors.blue,
        ),
        routes: _routes,
        initialRoute: AppRoute.of(AppScreen.alarmList),
        home: Scaffold(
          body: Center(
            child: _routes[AppRoute.of(AppScreen.alarmList)],
          ),
          bottomNavigationBar: BottomNavigationBar(
            items: <BottomNavigationBarItem>[
              BottomNavigationBarItem(icon: Icon(Icons.alarm_rounded)),
              BottomNavigationBarItem(icon: Icon(Icons.apps_rounded)),
              BottomNavigationBarItem(icon: Icon(Icons.analytics_rounded)),
            ],
            currentIndex: 0,
            selectedItemColor: Palette.gainsboro,
            unselectedItemColor: Palette.lightGray,
            onTap: (index) {
              switch (index) {
                case 0:
                  Navigator.pushNamed(
                      context, AppRoute.of(AppScreen.alarmList));
                  break;
                case 1:
                  Navigator.pushNamed(
                      context, AppRoute.of(AppScreen.dashboard));
                  break;
                case 2:
                  Navigator.pushNamed(
                      context, AppRoute.of(AppScreen.sleepMonitor));
                  break;
              }
            },
          ),
        ));
  }
}

首先在上面的线程中，从 MaterialApp 以某种方式访问​​了路由，这在我的情况下会引发错误。其次访问 _routes 变量为 _routes[AppRoute.of(AppScreen.alarmList)] or_routes['/alarmList'] throws (The argument type 'Widget Function(BuildContext)?' can't be assigned to the parameter type 'Widget?' )

感谢您的评论

4

1 回答 1

0

我能够按照此处的说明找到解决方案： https ://www.vojtech.net/posts/flutter-bottom-navigation/

于 2021-07-01T12:27:27.240 回答