浅识Flutter 基本组件MaterialAPP的initialRoute和onGenerateRoute属性 app首页

最新推荐文章于 2024-08-02 10:26:18 发布
最新推荐文章于 2024-08-02 10:26:18 发布
阅读量2.2k 收藏
点赞数 1
分类专栏： 浅识Flutter笔记 文章标签： flutter 前端 后端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43336158/article/details/123432944
版权

浅识Flutter 基本组件MaterialAPP的initialRoute和onGenerateRoute属性 app首页


initialRoute
initialRoute属性用于指定应用程序启动时的初始路由，即应用程序启动后跳转的第一个页面。应用程序中既使设置了home属性值，启动后的第一个页面也是initialRoute路由指定的页面。该属性值为String类型.
应用程序开发时home、initialRoute和onGenerateRoute三个属性至少要设置一个.

当没有设置iniislRoute时，打开APP后的第一个页面是由home指定
在这里插入图片描述

在这里插入图片描述
但是 initialRoute指定了路由后 首先启动的是 initialRoute指定的页面 initialRoute具有优先权
在这里插入图片描述

打开app的第一个页面：

在这里插入图片描述
onGenerateRoute
当初home或者 initialRoute路由的名字写错、为空时，或者下面的路由找不到页面了， onGenerateRoute强制创建一个路由页面，默认连接到新的路由页面上

onGenerateRoute:(setting){
          return PageRouteBuilder(pageBuilder: (BuildContext, _,__){
            return yangxdpage();
          });
      } ,
阿大豆
关注
专栏目录
《Flutter 控件大全》第六十一个：MaterialApp和CupertinoApp
老孟Flutter
04-04 3539
如果你对Flutter还有疑问或者技术方面的疑惑，欢迎加入Flutter交流群（微信：laomengit）。 同时也欢迎关注我的Flutter公众号【老孟程序员】，公众号首发Flutter的相关内容。 Flutter地址：http://laomengit.com 里面包含160多个组件的详细用法。 MaterialApp 在学习Flutter的过程中我们第一个看见的控件应该就是Materi...
【Flutter】widgets (2) Flutter 组件布局基础 MaterialApp 、Scaffold、Container 带示例可线上运行
Code Metaverse
05-30 666
`MaterialApp` 是应用程序的“框架”，它定义了应用程序的主题和导航。`Scaffold` 是页面的“框架”，它定义了页面的主要结构，如导航栏、抽屉、底部导航等。而 `Container` 则是一个灵活的布局组件，可以在页面的任何位置使用，用于实现各种复杂的布局。
浅识Flutter 基本组件MaterialAPP的routes属性 实现页面跳转
qq_43336158的博客
03-10 1164
routes属性用于指定应用程序中页面跳转的路由．该属性值为Map<String key, WidgetBuilder value>类型，其中key指定路由名称、value指定路由对应的页面。 当应用程序运行后，首先启动MainPage页面，然后单击页面上的“跳转”，跳转到第二个页面
Flutter 控件之 MaterialApp
chunchun1230的博客
08-24 705
MaterialApp 代表使用纸墨设计（Material Design）风格的应用。里面包含了纸墨设计风格应用所需要的基本控件。 MaterialApp 主要属性如下： title ： 在任务管理窗口中所显示的应用名字 theme ： 应用各种 UI 所使用的主题颜色 color ： 应用的主要颜色值（primary color），也就是安卓任务管理窗口中所显示的应用颜色 home ：...
flutter路由配置
最新发布
datalover的专栏
08-02 272
4、 通过命名路由配置带参数pushNamed。3、通过命名路由配置pushNamed。1、push不带参数。
flutter：initialRoute
weixin_43205520的博客
01-19 2935
initialRoute主要功能主要是控制app启动的时候进入的是哪个页面。 等同于iOS 的self.window.rootViewController = splashViewController; class _RootPageState extends State<RootPage> { bool _ignoring = false; @override Widget build(BuildContext context) { return MaterialApp(
Flutter的MaterialApp
江上清风山间明月的博客
06-14 2107
MaterialApp是Flutter中的一个顶层控件，用于创建一个基于Material Design风格的应用程序。MaterialApp控件是一个方便的包装器，它提供了一些全局的配置和属性，用于设置应用程序的整体样式、路由导航和其他相关功能。
Flutter initialRoute会先加载home页面再加载initialRoute指定的页面
Care iOS技术团队
12-06 2716
在flutter中，我们可能会是这样的逻辑: 打开app的时候判断有没有登录，如果没有登录就显示登录页面，如果登录了就显示主页面。我们路由可能是这样的: '/login': (context) => LoginPage(), '/': (context) => HomePage(), 在main.dart中，有一个变量firstPage, 更加是否登录来设置它的值，当没有登录的时候就是firstPage=’/login’, 并传入MaterialApp构造函数。 MaterialApp( .
Flutter中的MaterialApp应用组件简述
wangzunkuan的博客
10-23 1340
1. 概述 MaterialApp代表使用Material Design纸墨设计风格的应用，它包含了其所需的基本控件。在Flutter应用中，一个完整的项目是从MaterialApp这个组件开始的，即MaterialApp作为入口存在的。 2.MaterialApp的属性及说明 字段 描述 类型 navigatorKey 导航键 GlobalKey home 主页 Widget...
Flutter 笔记 | Flutter 中的路由、包、资源、异常和调试
川峰的博客
05-21 1680
Flutter中的路由、包、资源和调试相关内容笔记。Flutter中的路由、包、资源和调试相关内容笔记。Flutter中的路由、包、资源和调试相关内容笔记。Flutter中的路由、包、资源和调试相关内容笔记。Flutter中的路由、包、资源和调试相关内容笔记。Flutter中的路由、包、资源和调试相关内容笔记。Flutter中的路由、包、资源和调试相关内容笔记。Flutter中的路由、包、资源和调试相关内容笔记。Flutter中的路由、包、资源和调试相关内容笔记。Flutter中的路由、包、资源和调试相关内
android电影app开发,如何使用Flutter开发一款电影APP详解
weixin_39933414的博客
05-28 1069
前言使用Flutter开发一款App是一件非常愉快的事情，其出色的性能、跨多端以及数量众多的原生组件都是我们选择Flutter的理由！今天我们就来使用Flutter开发一款电影类的App，先看下App的截图。从main.dart开始在Flutter里main.dart是应用开始的地方:import 'package:flutter/material.dart';import 'package:mo...
Flutter onGenerateRoute 路由管理
大灰狼的小绵羊哥哥的博客
06-12 7180
可以传参的，相比于命名路由，可以多做一些相关的拦截 onGenerateRoute: (RouteSettings settings) { String routeName = settings.name; print("Open page: $routeName"); // Check permissions switch (routeName) { case "/": return MaterialPageRoute(builder: (context) {
Flutter onGenerateRoute路由传参配置
lyy18719172450的博客
07-19 1150
flutter配置命名路由传递参数 import 'package:flutter/material.dart'; //import 'package:flutter_demo/provider/provider.dart'; import 'package:flutter_demo/routes/routes.dart'; //import 'package:provider/provider.dart'; void main() { //runApp(ChangeNotifierProvider(
Flutter学习笔记（15）--MaterialApp应用组件及routes路由详解
cnmeimei的博客
09-26 1121
如需转载，请注明出处：Flutter学习笔记（15）--MaterialApp应用组件及routes路由详解 最近一段时间生病了，整天往医院跑，也没状态学东西了，现在是好了不少了，也该继续学习啦！！！ 今天给大家讲一下MaterialApp应用组件及routes路由详解，我会着重说一下routes路由的使用及解释，因为会经常用到，前面我写的一些demo所涉及到的组件，都是遵循着Material Design设计风格，所谓的Material Design是由Goodle推出的全新的设计语言，这种设计...
Flutter系列-flutter路由管理
路漫漫其修远兮，吾将上下而求索
10-20 6608
Flutter路由管理初识路由概念一.路由管理1.1.Route1.2.MaterialPageRoute1.3.Navigator1.4.路由传值1.5 命名路由1.6.命名路由参数传递1.7.适配二、路由钩子三、onUnknownRoute四、结尾 初识路由概念 路由的概念由来已久，包括网络路由、后端路由，到现在广为流行的前端路由。无论路由的概念如何应用，它的核心是一个路由映射表。比如：名字 detail 映射到 DetailPage 页面等。有了这个映射表之后，我们就可以方便的根据名字来完成路由的转发
Flutter initialRoute 与 Home 引发的问题
小哥丷的博客
04-19 2330
先来看一下 initialRoute，Home ，routes三个之间的关系。 1、有home，无initialRoute，无routes 只走home，显示home 2、有home，有initialRoute，无routes initialRoute是"/"，正常显示home initialRoute不是"/",会报错，但是仍然能显示home 3、有home，无initialRoute，有routes routes包含“/”的条目，报错,不能同时存在 routes不包含“/”的条目，走h
Flutter18 Flutter 组件之 导航器 Route 详解
qq_40638618的博客
03-30 4120
**首先：一个App可能有多个导航器Navigator MaterialApp内置了一个导航器Navigator 1 简单页面跳转 Navigator.of（context）.pop VS Navigator.pop（context） Navigator.of（context）.push VS Navigator.push（context） Navigator也是一个Widget 下面就会出现多个导航器 ------ Navigator.of（context，rootNavigator...
Flutter路由导航
qq_27909209的博客
07-18 647
f
Flutter学习笔记 Route路由
weixin_42215775的博客
09-17 281
设置路由，应用启动时首先打开初始路由，可以使用路由和导航通过路由跳转到其他页面 静态路由： class MyApp extends StatelessWidget { // This widget is the root of your application. @override Widget build(BuildContext context) { return Mate...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值