使用webview_flutter遇必填参数错误，求动态路由传参方案

你的问题在于路由定义时没有从Navigator.pushNamed传入的arguments中提取动态参数，直接实例化WebView时缺少必填的title和url参数。按以下步骤修改代码即可解决：

1. 修改main.dart中的路由定义 #

在路由构造函数里，通过ModalRoute获取传递的参数，解析后再传给WebView：

'/myRoute': (context) {
  // 获取路由参数并转换为MyPageArguments类型
  final MyPageArguments args = ModalRoute.of(context)!.settings.arguments as MyPageArguments;
  // 将动态参数传入WebView
  return WebView(title: args.title, url: args.url);
},

可选：添加参数校验（避免参数错误崩溃） #

如果担心参数传递异常，可以增加判断逻辑：

'/myRoute': (context) {
  final args = ModalRoute.of(context)?.settings.arguments;
  if (args is MyPageArguments) {
    return WebView(title: args.title, url: args.url);
  }
  // 参数错误时返回默认页面或错误页
  return WebView(title: '默认页面', url: 'https://example.com');
},

2. 确保MyPageArguments的可访问性 #

要保证main.dart能访问到MyPageArguments类，可以：

• 将MyPageArguments定义在单独的公共文件（比如route_arguments.dart）中，然后在main.dart和Page.dart中导入该文件；
• 或者在main.dart中导入定义了MyPageArguments的Page.dart文件。

3. 确认Page.dart中的传参逻辑不变 #

你原本在Page.dart中使用Navigator.pushNamed传递arguments的代码是正确的，无需修改：

Navigator.pushNamed(context, WebView.routeName,
   arguments: MyPageArguments("Page Title1", "https://example1.com"));

Navigator.pushNamed(context, WebView.routeName,
   arguments: MyPageArguments("Page Title2", "https://example2.com"));

class MyPageArguments {
  final String title;
  final String url;
  MyPageArguments(this.title, this.url);
}

这样修改后，路由就能动态接收从Page.dart传递过来的title和url参数，解决必填参数缺失的错误。

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