如何解决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 举报,一经查实,本站将立刻删除。