如何从 Navigator 中的字符串创建类（页面）

Question

我想根据“导航”键将用户重定向到所需的页面，我尝试过这样的方式：

final _bottomAppBarItem = [
{
  'iconData': Icons.airplay,
  'text': 'news',
  'navigation': NewsPage(),
},
{
  'iconData': Icons.person,
  'text': 'profile',
  'navigation': UserProfilePage(),
}];

Navigator.pushReplacement(context, MaterialPageRoute(builder: (context) => item['navigation']));

或

final _bottomAppBarItem = [
{
  'iconData': Icons.airplay,
  'text': 'news',
  'navigation': 'NewsPage',
},
{
  'iconData': Icons.person,
  'text': 'profile',
  'navigation': 'UserProfilePage',
}];

Navigator.pushReplacement(context, MaterialPageRoute(builder: (context) => item['navigation']()));

但在这两种情况下，结果都是错误的，我怎么能忍受呢？

Answer 1

您可以使用here 中描述的命名路由。您可以使用自定义字符串参数化您的路线。

命名路由的简单用例：

onPressed: () {
  // Navigate to the second screen using a named route.
  Navigator.pushNamed(context, '/second');
}

另一种解决方案是使用mirrors。