flutter 简单设置路由

main.dart

import 'package:flutter/material.dart';
import 'ui/widget/BottomNavigationWidget.dart';
import 'ui/pages/search/search.dart'; // 引入路由页面void main() => runApp(MyApp());class MyApp extends StatelessWidget {// This widget is the root of your application.@overrideWidget build(BuildContext context) {return MaterialApp(title: 'Flutter bottomNavigationBar',theme: ThemeData.light(), //主题home: BottomNavigationWidget(), // 主页面routes: <String, WidgetBuilder>{'/search': (BuildContext context) => Search(), // 配置路由路径与页面},);}
}

search.dart

路由页面

import 'package:flutter/material.dart';class Search extends StatefulWidget {_Search createState() => _Search();
}class _Search extends State<Search> {String searchValue;@overridevoid initState() {// TODO: implement initStatesuper.initState();}Widget build(BuildContext context) {return Scaffold(appBar: AppBar(title: Text('搜小说'),),body: Center(child: Text('搜索页'),),);}
}

路由跳转

Navigator.pushNamed(context, '/search');

flutter 简单设置路由相关推荐

Flutter中管理路由栈的方法和应用
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明. 本文链接:https://blog.csdn.net/weixin_34396103/arti ...
Flutter之自定义路由切换动画
Flutter之自定义路由切换动画在Flutter中,我们可以通过Navigator来实现路由管理,包括路由的跳转和返回等.默认情况下,Flutter提供了一些简单的路由切换动画,但是有时候我们需要 ...
一个简单的路由映射，让你的树莓派通过SSH外网可访问
2019独角兽企业重金招聘Python工程师标准>>> 当想在其他的地方也想控制下树莓派怎么办,其实只需要简单的做个路由映射就OK.完全可以把你的树莓派当做学习linux的平台,抽空 ...
Django讲课笔记07：设置路由分发规则
文章目录零.本讲学习目标一.课程导入 (一)复习 (二)路由二.新课讲授 (一)设置路由分发规则 1.创建应用的路由文件(子路由) - urls.py (1)创建index应用的路由文件 (2) ...
简单利用路由黑洞解决DDOS流量攻击
黑洞路由,便是将所有无关路由吸入其中,使它们有来无回的路由,一般是admin主动建立的路由条目. 提到黑洞路由就要提一下null0接口. null0口是个永不down的口,一般用于管理,详见null0 ...
若依 vue前端动态设置路由path不同参数在页面容器里打开新页面（新路由），面包屑和标签页标题根据参数动态改变，面包屑多级标题，侧边栏对应菜单亮起
前言因为是在vue源码的基础上进行修改,所以,就没有复制代码在文章上,采取的是截图对比源码和我修改的代码片段.要麻烦你们自己手敲了. 先来看看效果: 场景:在费用配置列表中,点击每一项的配置,都会在 ...
双网卡同网段静态路由_WINDOWS系统下双网卡设置路由本文主要涉及到静态路由...
WINDOWS系统下双网卡设置路由本文主要涉及到静态路由. 二.WINDOWS系统下设置路由在WINDOWS下手动设置路由主要在DOS系统中命令符下(在运行输入栏中键入COMMAND或者CMD即 ...
wifi 联想小新_WiFi变了，联想小新打印机简单设置教程
原标题:WiFi变了,联想小新打印机简单设置教程现在利用WiFi连接打印机进行打印要比之前的有线共享打印机方便不少,只要支持WiFi打印的打印机在局域网中开机,手机.笔记本.PC只要也都在局域网中, ...
Flutter简单聊天界面布局及语音录制播放
目录前言: 注意事项: 用到的部分组件依赖及版本: 遇到的坑遇到的坑1: 遇到的坑2: 遇到的坑3: 遇到的坑4: Fluuter语音录制及播放组件生命周期 Flutter录音组件生命周期图: F ...

flutter 简单设置路由

main.dart

search.dart

路由跳转

flutter 简单设置路由相关推荐

最新文章

热门文章