Flutter：解决首页跳转子页面子页面依然显示BottomNavigationBar问题

最新推荐文章于 2023-02-07 17:50:36 发布
最新推荐文章于 2023-02-07 17:50:36 发布
阅读量1.5k 收藏 1
点赞数 1
分类专栏： flutter自踩坑 文章标签： flutter
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zx19990507/article/details/121075398
版权

问题来源：

 

 我想点击我的资料跳转到新的页面，但跳转后，还是显示底部导航栏。我找了很多解决办法，什么是因为context（上下文问题）等等，这些我看到头疼死了。到后面发现一位博主说是因为在页面中又使用了一个MaterialApp的问题，然后我把MaterialApp删掉后，底部就不会出现导航栏了。

解决完后：（点击我的资料，跳转后，底部不会出现导航栏）

敲重点啊同志们！！！

一个项目里面最好就有一个MaterialApp（归根结底基础知识没打好，是个半吊子就开始写项目了！！！！）

我不想秃头QAQ
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
[Flutter] BottomNavigationBar重复显示, BottomNavigationBar显示在子页面, 页面跳转BottomNavigationBar仍然存在
阿航的技术小站
02-06 1099
在写app时, 使用MaterialPageRoute(builder: (ctx) => NextPage()));跳转页面时, 上一页的BottomNavigationBar竟然还在. 上网搜索了各种方法, 才发现是自己基础不牢! 检查你是否有多个MaterialApp! 理论上, 一个App只需要一个MaterialApp存在, 它决定了你的APP整体主题、风格等各种信息. 所以...
flutter弹起键盘页面布局超限问题
01-20
BOTTOM OVERFLOWED BY 17 PIXELS 这是由于页面高度写死导致的， 1.scaffold 根布局添加 resizeToAvoidBottomPadding:false 是否自动调整body属性控件的大小，以避免脚手架底部被覆盖。例如，如果在脚手架上方显示屏幕键盘，则可调整body属性控件的大小以避免被键盘覆盖。如果你不需要此功能，可以将resizeToAvoidBottomPadding属性设置为false @override Widget build(BuildContext context) { return Scaffold( r
Flutter:Flutter小部件和页面的代码存储库
04-07
扑 它是Flutter框架的代码存储库。 此存储库中包含各种页面，小部件和模块。 您可以单击免费的在线开发环境Gitpod.io来运行和编辑dart代码，或对其进行贡献。 所有小部件，模块和模型都在Dart中实现 贡献准则 前，请阅读我们的。 社区频道 我们在！ 请加入我们。
Flutter之BottomNavigationBar和页面跳转
01-08
BottomNavigationBar是底部导航栏，是Scaffold的参数 常用参数： 参数名 功能 items List的集合 iconSize icon大小 onTap 点击事件 fixedColor 选中的颜色 type BottomNavigationBarType.fixed //配置底部tabs可以有多个按钮(大于3个) BottomNavigationBarType.shifting 这里用到了StatefulWidget 这个组件是可变组件，里边数据可变，通过setState来渲染数据 import 'package:flut
Login-Page-Flutter：使用Flutter的登录页面
02-19
登录页面颤动 使用flutter登录页面
Flutter 子页面回传参数
热门推荐
卜大爷的博客
12-09 2万+
Flutter 子页面回传参数 我们前文《Flutter 中的页面跳转及页面之间传参（路由跳转）》已经学习了如何在页面之间进行跳转，以及如何将参数传递给子页面。但是如果我们在子页面退出时，想让子页面传递参数给父页面，怎么做呢？ 回传参数 使用 Navigator 的 pop 返回可返回上一级，并携带一个参数： Navigator.pop(context,'携带参数'); 父页面，可以通过.then()来接收参数： Navigator.push(context, 子页面对象).then((value)
clean后class文件全部丢失_Flutter 三种方式实现页面切换后保持原页面状态
weixin_39986435的博客
10-30 265
前言：在 Flutter 应用中，导航栏切换页面后默认情况下会丢失原页面状态，即每次进入页面时都会重新初始化状态，如果在initState中打印日志，会发现每次进入时都会输出，显然这样增加了额外的开销，并且带来了不好的用户体验。在正文之前，先看一些常见的 App 导航，以喜马拉雅 FM 为例:它拥有一个固定的底部导航以及首页的顶部导航，可以看到不管是点击底部导航切换页面还是在首页左右侧滑切换页面，...
Flutter底部导航栏(页面路由)
万事胜意
11-23 2852
页面路由踩坑笔记页面底部导航栏，点击跳转不同界面入口文件：导航文件： 页面底部导航栏，点击跳转不同界面 就制作这种底部导航栏吧！四个界面！个人喜欢在项目中建立六个dart文档。一个main.dart入口文件，一个index_page.dart导航文件，剩下四个就是这个界面的文件啦！ 入口文件： import 'package:beanlover/Index_Page.dart'; import...
Flutter页面路由导航及传参
piaomiao8179的博客
01-21 2380
转载请注明出处: https://learnandfish.com/ 概述 每个应用都有很多个页面，在flutter中同样也有很多页面，被称之为路由(Router)，页面之间的跳转通过导航器(Navigator)进行管理。 其中 Navigator.push 和 Navigator.pop 是最简单的跳转到新页面和返回到上一级界面的方式。 路由分为静态路由(即命名路由)和动态路由。页面之间跳...
Login_UI_Flutter：使用flutter的漂亮的登录页面UI
02-18
login_page_demo 一个新的Flutter应用程序。 由Google徽标制作的Dart Flutter是Google的UI工具包，可通过一个代码库为移动设备，Web和桌面构建漂亮的，本机编译的应用程序。 ＃＃ 入门该项目是Flutter应用程序的起点...
Flutter踩坑记录（一）——如何使BottomNavigationBar保持状态
MayanDev
10-23 9122
含泪写下这篇blog，终于找到一个简单的方法，来实现Flutter中BottomNavigationBar中保持状态，不会每次切换是重绘页面，也推荐大家使用这种方法。 1、问题引入 大家直接看图片，可以看到当我将列表滑动一段距离（滑动到第三个item），切换底部的导航栏，然后在切换回来时，列表有回到了最顶部，而控制台也打印了两次initState()方法，这说明列表被重新绘制了。 这种体验显...
【Flutter】底部导航栏页面框架 ( BottomNavigationBar 底部导航栏 | PageView 滑动页面 | 底部导航与滑动页面关联操作 )
让 学习 成为一种 习惯 ( 韩曙亮 の 技术博客 )
04-01 1772
一、BottomNavigationBar 底部导航栏、 二、PageView 滑动页面、 三、BottomNavigationBar 与 PageView 关联、 四、完整代码示例、 1、核心导航组件、 2、四个切换页面、 3、应用启动主界面、 4、运行效果、 五、相关资源、
Flutter基础（一）页面跳转
写好每一篇文章
03-29 1万+
Flutter基础，路由跳转，页面跳转用法
flutter（四）底部tabbar切换，顶部切换，页面跳转
07-07 8911
flutter（四）底部tabbar，顶部切换，页面跳转 上篇文章为大家讲述了flutter的组件；（动态组件和静态组件）本篇文章接着上篇内容继续为大家介绍flutter的其他主要组件（底部选项卡，顶部切换等等实用组件），本文针对功能点做特殊实例讲解，特别详细的整体使用我们会在其它的文章中来展开说明。每篇文章只要有代码说明 就会有demo提供。 前言 一、底部tabbar 二、图片资源加载...
Flutter通过底部导航栏实现页面的跳转
weixin_30319097的博客
03-04 294
放自己定义的BottomNavigationWidget 这个组件的核心代码 import 'package:flutter/material.dart'; import 'pages/home.dart'; import 'pages/map.dart'; imp...
flutter BottomNavigationBar切换页面保持状态
海阔天空
06-29 482
flutter BottomNavigationBar切换页面保持状态
flutter desktop 去掉窗口导航栏
weixin_45553596的博客
02-07 821
flutter desktop 去掉窗口导航栏
Flutter路由跳转父级页面向子页面传参及子页面向父级页面传参
weixin_33834628的博客
06-17 731
Flutter中页面通过路由跳转传参主要分两种，一种是通过push()跳转时根据设定的参数进行传参，另一种是通过pop()返回时进行传参。 父级页面向子页面push()传参 假设从A页面跳到B页面可能需要携带参数userName和userAge这两个参数，那么需要在B页面先设置这两个参数名；假设userName必须填而userAge非必需，那么可以通过设置@required其为必填选项： ...
flutter::pixelbuffertexture
最新发布
07-28
Flutter::PixelBufferTexture是Flutter中的一个类，用于表示像素缓冲纹理。像素缓冲纹理是指一个内存缓冲区，其中存储了以像素为单位的图像数据。在Flutter中，可以使用这个类来处理和渲染像素级别的图像。 PixelBufferTexture类的主要作用是允许Flutter应用程序直接访问和操作图像数据，而无需额外的图像处理库或工具。通过使用PixelBufferTexture，开发人员可以更加灵活地处理图像，实现各种自定义的图像处理效果。 PixelBufferTexture类提供了一些方法，用于操作图像数据。比如，可以使用`getBytes()`方法来获取像素缓冲纹理中的图像数据，并转化为字节数组进行处理。使用`getWidth()`和`getHeight()`方法可以得到图像的宽度和高度等信息。 在实际应用中，PixelBufferTexture常用于处理实时视频流、相机捕捉等场景。开发人员可以通过将相机捕捉到的图像数据存储到像素缓冲纹理中，然后使用PixelBufferTexture提供的方法进行图像处理，例如人脸识别、滤镜效果等。 总之，Flutter::PixelBufferTexture是一个用于处理像素级别图像数据的类，它提供了一系列方便的方法，可以让开发人员更加灵活地处理和渲染图像，并实现各种自定义的图像处理效果。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值