微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Flutter Web URL 导航,如 http://myflutterproject/userabc

如何解决Flutter Web URL 导航,如 http://myflutterproject/userabc

使用 Flutter 2.2 并尝试使用 URL 任何人都可以帮助我完成这些工作。

如何在 Flutter web 中实现这个 URL? http://myFlutterproject/userabc

解决方法

您需要在创建 # 通过路由名称导航到页面时指定应用使用的路由。

像这样:

new MaterialApp

您可以设置回调函数 onGenerateRoute 以获得更多动态并检查 import 'package:flutter/material.dart'; final Color darkBlue = Color.fromARGB(255,18,32,47); void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( theme: ThemeData.dark().copyWith(scaffoldBackgroundColor: darkBlue),debugShowCheckedModeBanner: false,// ROUTES DECLARATIONS routes: { "/userabc": (context) => UserAbcPage(),},home: Scaffold( body: Builder( builder: (BuildContext currentContext) { return Center( child: TextButton( onPressed: () { // ROUTE USAGE Navigator.pushNamed(currentContext,"/userabc"); },child: Text("Navigate to detail")),); },),); } } class UserAbcPage extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( body: Center( child: Text('Hello,World!',style: Theme.of(context).textTheme.headline4),); } }

注意:您可以使用 RouteSettings.name 进行复杂检查。

RegEx

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。