flutter首页按返回跳转到其他页面

最新推荐文章于 2024-04-30 11:25:38 发布
最新推荐文章于 2024-04-30 11:25:38 发布
阅读量595 收藏
点赞数
文章标签： 移动开发 flutter
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43930769/article/details/118752029
版权
在Flutter项目中，作者遇到首页使用系统返回手势不退出而是跳转到其他页面的问题。经过排查，发现问题源于命名路由的错误设置。原本首页设定为LoginPage，路由名设为'/Login'，而MyApp的路由名错误地设置为'/'，导致返回操作跳转到'/', 修改路由名称后问题解决。" 80752905,7765576,XPath在爬虫实战中的应用解析,"['前端开发', '网络爬虫', 'HTML解析']
摘要由CSDN通过智能技术生成

flutter首页按返回跳转到其他页面

最近在搞flutter的项目，由于没有接触过，在做flutter项目的时候遇到了一个问题，在flutter弹出的第一个页面，也就是首页，使用系统返回手势的时候APP没有退出，而是跳转到了另一个页面，这让我有点百思不得其解。
flutter应该是在runApp()内的weight是APP显示的首页，而在首页触发系统的返回逻辑应该是直接退出APP而不是跳转到另一个页面的，尝试修改了很多次，都没有用，后来发现是使用了命名路由且路由名称取名不当的原因（裂开了）
上代码（旧）：

MaterialApp(
      initialRoute: '/Login',
      routes: {
   
        "/Login": (context)
最低0.47元/天 解锁文章
CV Coder
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
flutter_link_preview:这是Flutter的Flutter URL预览插件，可预览URL的内容
05-06
flutter_link_preview 这是一个URL预览插件，可以预览URL的内容 语言：| 特色功能 使用多重处理来解析网页，避免阻塞主流程 支持内容缓存和过期机制，以更快地返回结果 更好的容错能力，多种查找图标，标题，描述，图像的方式 更好地支持gbk代码，没有混乱的代码 针对大型文件进行了优化，具有更好的爬网性能 支持使用Cookie进行第二跳身份验证 支持gif，视频和其他内容捕获 支持自定义构建器 入门 FlutterLinkPreview ( url : "https://github.com" , titleStyle : TextStyle ( color : Colors .blue, fontWeight : FontWeight .bold, ), ) 结果： 自定义渲染 Widget _buildCus
Flutter 跳转到原生Native页面
Mackellen的专栏
02-15 2300
Flutter 跳转到iOS原生Native页面，flutter 代码进行注册发送调用请求 class _MyHomePageState extends State<MyHomePage> { int _counter = 0; MethodChannel eventChannel = const MethodChannel('com.flutterToNative.first'); void _onPressedAction() { try { Futur
Flutter路由跳转的两种方式
最新发布
qq_59625204的博客
04-30 369
2.命名路由跳转：此时文件在main.dart文件引入。1.基本路由跳转：文件引入在你要跳转的页面引入。此时需要在main.dart页面配置相关属性。
flutter各种实现路由跳转的方法
技术应让更广泛的人群流入到实际产品开发中才是正统
10-11 1239
方法可以将当前页面推入导航堆栈，并跳转到新的页面。通常用于从一个页面跳转到另一个页面。回调来处理未知路由，可以在应用程序无法识别路由名称时执行特定操作，如显示错误页面。Flutter 提供了多种方法来实现路由跳转。在应用程序的主要路由表中定义命名路由，然后可以使用路由名称来导航。这对于需要根据特定条件生成路由的情况非常有用。方法可以从当前页面返回上一个页面。来创建自定义路由过渡动画，从而实现自定义的页面切换效果。如果你在应用程序中为页面定义了路由名称，可以使用。来根据路由名称跳转到页面。
Flutter之路由跳转(上)
可可的博客
04-07 4495
import 'package:flutter/material.dart'; class AnimationDemo extends StatefulWidget { @override _AnimationDemoState createState() => _AnimationDemoState(); } class _AnimationDemoState extends State<AnimationDemo> with SingleTickerProviderState
Flutter的路由router-页面跳转
江上清风山间明月的博客
09-18 4814
在Flutter中，路由（Router）是用于管理不同页面之间导航的机制。它允许您在应用程序中切换和管理不同的屏幕或视图。Flutter提供了多种方式来实现路由，包括基本路由、命名路由和第三方路由管理库。通过使用这些不同的路由管理方式，您可以根据应用程序的规模和需求选择最适合的方式来管理和处理Flutter应用程序中的页面导航。无论是基本路由、命名路由还是第三方路由管理库，它们都提供了一种方便的方式来实现页面之间的切换和导航。
Flutter 使用Navigator进行局部跳转页面的方法
08-19
Flutter 使用 Navigator 进行局部跳转页面的方法 Flutter 是一个基于 Dart 语言的移动应用开发框架，提供了丰富的 UI 组件和功能强大的编程接口， Navigator 是 Flutter 中的一个重要组件，负责管理路由和页面跳转...
Flutter 页面跳转.zip
10-05
在Flutter中页面跳转被称之为‘路由’。 是通过Navigator 组件管理路由导航，其提供了管理堆栈的方法：Navigator.push（跳转） 和 Navigator.pop（返回）。 Flutter配置路由的方式有两种：1、基本路由（静态路由） 2...
Flutter 路由替换（返回到根）
10-06
返回到首页有两种方式：替换路由和清除路由 替换路由：替换当前页为目标页（也就是说，堆栈中只有首页和当前页 两个页面，当前页返回自然是首页）。使用以下语句完成替换跳转。 清除路由：此方法完成两个动作：1、...
Flutter 页面返回传值
10-11
1、跳转页面时要使用async关键字修饰方法体 声明内部代码需要延迟执行 skipPage(BuildContext context) async { } 2、跳转动作要使用await关键字修饰（Dart规定有async标记的函数，只能由await来调用） 声明延迟...
Flutter实现页面切换后保持原页面状态的3种方法
08-26
Flutter 实现页面切换后保持原页面状态的 3 种方法 在 Flutter 应用中，导航栏切换页面后默认情况下会丢失原页面状态，即每次进入页面时都会重新初始化状态。如果在 initState 中打印日志，会发现每次进入时都会...
Flutter路由跳转（页面跳转）
qq_30005223的博客
02-21 4309
指定页面名称跳转Navigator.of(context).push(MaterialPageRoute() class TextPage extends StatelessWidget { const TextPage({Key? key}) : super(key: key); @override Widget build(BuildContext context) => MaterialApp( home: Scaffold( body: Cen
Flutter中所有路由跳转方法的详细描述、示例代码以及注意事项
技术应让更广泛的人群流入到实际产品开发中才是正统
10-12 613
这些方法允许你在Flutter应用程序中执行不同类型的路由导航，根据你的需求选择合适的方法。
【Flutter】返回首页
夜雨Gecer的博客
05-13 2691
其实不应该交返回首页。 描述一下场景吧： 从首页进入A页面，在A页面里面跳转到B页面之后在页面点击返回键直接就能返回首页。 在A页面中跳转到B页面的代码： Navigator.of(context).pushAndRemoveUntil( MaterialPageRoute(builder: (_) => B页面()), (Route<dynamic> route) { //返回的事false的都会.
flutter路由跳转
q7410p123的博客
03-25 556
/路由跳转(模块方式)Navigator.pushNamed(context, "/") //路由跳转(路由方式)Navigator.pop(context)//返回上级路由对象 widget获取/使用路由参数 (widget.id / widget.title) 使用${widget.title}
Flutter路由跳转方式
海阔天空
05-09 1125
Flutter路由跳转方式
Flutter 路由跳转
XueQiYa的博客
06-18 737
路由信息 void main() { runApp( new MaterialApp( home: new Screen1(), routes: <String, WidgetBuilder> { '/screen1': (BuildContext context) => new Screen1(), ...
Flutter 跳转多个页面后回到第一个页面并实现参数传递
我很好
04-04 6762
路漫漫其修远兮，吾将上下而求索。——屈原 一年一度的清明节又到了。2020年是多灾多难的一年，生活不容易呀。 最近开发的项目有关需求就是跳转多个页面后，需要一键回到首页。对移动端原生比较熟悉的同学大概知道怎么去实现。若用Flutter就会用到路由跳转。Route在Android通常指一个Activity，在ios中指ViewController。所谓的路由管理，就是管理页面之间的跳转。...
原生页面跳转flutter页面后，返回原页面
06-03
在 Flutter 中，要从原生页面跳转到 Flutter 页面，可以使用 Flutter 提供的 `FlutterView`，并在原生页面中将其添加为子视图。这样就可以在原生页面中呈现 Flutter 页面了。 要在 Flutter 页面中返回原生页面，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值