GoRouter与ListView.builder联动问题：词典APP单词点击跳转失效

你的代码里有几个关键问题导致跳转失效，以下是具体修复步骤：

1. 修正路由参数与跳转路径 #

你当前的子路由path: 'english/:aback'中，:aback是参数占位符，不是固定路径。但跳转时你直接写了context.go('english/:aback')，这相当于跳转到字面路径english/:aback，而非实际的单词路径。

修复： #

• 把路由参数改成通用名称（比如:word），方便复用：

final GoRouter _router = GoRouter(
  routes: <RouteBase>[
    GoRoute(
      path: '/dictionaryenglish',
      builder: (BuildContext context, GoRouterState state) {
        return const DictionaryScreenEnglish();
      },
      routes: <RouteBase>[
        GoRoute(
          // 用通用参数:word代替固定的:aback
          path: 'english/:word',
          builder: (BuildContext context, GoRouterState state) {
            // 根据参数word判断返回对应页面
            final word = state.params['word'] ?? '';
            if (word == 'aback') {
              return EnglishEntryAback();
            } else if (word == 'abacus') {
              // 先导入abacus对应的页面文件，再替换下面的占位代码
              return Scaffold(body: Center(child: Text('Abacus Entry')));
            }
            // 默认返回首页或错误页
            return const DictionaryScreenEnglish();
          },
        ),
      ],
    ),
  ],
);

• 跳转时传入实际单词，替换占位符：

onTapWord: (wordsEnglish) {
  // 用实际单词拼接路径，而非写死占位符
  context.go('english/$wordsEnglish');
},

2. 确保路由被正确配置到App入口 #

检查主入口文件，是否将_router绑定到MaterialApp：

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp.router(
      title: 'Zeetionary',
      routerConfig: _router, // 必须配置这一行才能生效
    );
  }
}

3. 批量单词扩展优化（可选） #

如果后续单词数量增多，逐个判断会很繁琐，可以创建单词与页面的映射表：

// 提前定义单词到页面的映射
final Map<String, Widget Function(BuildContext)> wordPageMap = {
  'aback': (context) => EnglishEntryAback(),
  'abacus': (context) => EnglishEntryAbacus(),
  // 新增单词时直接在这里添加
};

// 路由builder中使用映射表简化逻辑
builder: (BuildContext context, GoRouterState state) {
  final word = state.params['word'] ?? '';
  return wordPageMap[word]?.call(context) ?? const DictionaryScreenEnglish();
},

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