Flutter问题：无法将字符串转换为导航路径对应的Widget

你的核心问题是：直接把字符串'Page2()'传给Text组件作为builder的返回值，这只会渲染文本内容，而不会创建Page2页面组件。Flutter无法自动将字符串解析为对应的Widget实例，必须手动建立字符串与页面组件的关联。

解决方案1：使用字符串-页面映射表（推荐） #

这是最常用、最安全的方式，适合已知页面列表的场景：

1. 先定义一个字符串到页面组件构造函数的映射：

// 放在你的State类或全局可访问的位置
final Map<String, Widget Function(BuildContext)> pageRouteMap = {
  'Page2()': (context) => const Page2(),
  // 后续新增页面直接在这里添加，比如：
  // 'Page3()': (context) => const Page3(),
};

2. 修改按钮的onPressed逻辑：

onPressed: () {
  // 从映射表中获取对应的页面构造器
  final targetPageBuilder = pageRouteMap[item.info];
  if (targetPageBuilder != null) {
    Navigator.push(
      context,
      MaterialPageRoute(builder: targetPageBuilder),
    );
  } else {
    // 处理找不到对应页面的异常情况
    ScaffoldMessenger.of(context).showSnackBar(
      const SnackBar(content: Text('该页面不存在')),
    );
  }
},

为什么原来的代码不生效？ #

Text(item.info)本质是一个文本显示组件，它的作用是把传入的字符串渲染成屏幕上的文字，和Page2这个页面组件没有任何关联。Flutter不会自动解析字符串中的Page2()为对应的Widget实例，必须显式地将字符串和组件的构造函数绑定起来。

不推荐的方案：反射 #

如果一定要通过字符串动态创建组件，可以使用Flutter的反射机制，但需要依赖第三方包（如reflectable），且在发布模式下需要额外配置，还会带来性能损耗，因此不推荐在生产环境中使用，新手更建议优先使用映射表方案。

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