Flutter Web 网页入参传递方法：URL参数和JavaScript交互

在Flutter Web中，网页的入参可以通过URL参数或JavaScript与Dart的交互来传递。以下是两种常用的方法：

1. URL参数：你可以在浏览器的URL中使用'?'符号跟随参数的键值对，多个参数之间使用'&'符号分隔。例如，URL可以是'http://example.com?param1=value1&param2=value2'。在Flutter Web中，你可以使用'window.location.href'来获取当前URL，并解析其中的参数。

   例如，你可以使用以下代码获取URL参数：

   import 'dart:html';
   
   void main() {
     var uri = Uri.parse(window.location.href);
     var param1 = uri.queryParameters['param1'];
     var param2 = uri.queryParameters['param2'];
   
     // 使用参数进行相应的操作...
   }
   

2. JavaScript与Dart的交互：你也可以通过JavaScript与Dart的交互来传递参数。在网页的JavaScript代码中，可以使用'dartBridge.postMessage()'方法将参数发送给Dart。在Dart中，你可以通过监听'message'事件来接收这些参数，并进行相应的处理。

   例如，在JavaScript中发送参数：

   dartBridge.postMessage({ param1: value1, param2: value2 });
   

   在Dart中接收参数：

   import 'dart:html' as html;
   
   void main() {
     html.window.onMessage.listen((event) {
       var param1 = event.data['param1'];
       var param2 = event.data['param2'];
   
       // 使用参数进行相应的操作...
     });
   }
   

这些方法可以帮助你在Flutter Web中传递网页入参。根据你的需求，选择适合的方法，并使用相应的代码来获取传递的参数。

希望这个回答对你有所帮助！如果你还有其他问题，请随时提问。