文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

flutter中key的作用

于是开始进行第二层对比，在对比时Flutter发现元素与组件的Key并不匹配，于是，把它设置成不可用状态，但是这里所使用的Key只是本地Key（Local Key），Flutter并不能找到另一层里面的...PageStorageKey:专用于存储页面滚动位置的key。 GlobalKey:见后文。 何时使用key ValueKey 如果您有一个 Todo List 应用程序，它将会记录你需要完成的事情。...（还不如不用） PageStorageKey 当你有一个滑动列表，你通过某一个 Item 跳转到了一个新的页面，当你返回之前的列表页面时，你发现滑动的距离回到了顶部。...这时候，给 Sliver 一个 PageStorageKey！它将能够保持 Sliver 的滚动状态。 GlobalKey 每个globalkey都是一个在整个应用内唯一的key。...参考资料 何时使用密钥 - Flutter小部件 101 第四集 widgets-intro#keys Flutter | 深入浅出Key Flutter中的Key和GlobalKey

2.1K10
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    Flutter进阶篇（7）-- Flutter路由轻量级框架FRouter

    下面详细讲解一下PageStorageKey、PageStorageBucket和PageStorage这几个类的用法和源码解析。...---- Flutter系列博文链接 ↓： 工具安装： Flutter从配置安装到填坑指南详解 Flutter基础篇： Flutter基础篇（1）-- 跨平台开发框架和工具集锦 Flutter基础篇...（2）-- 老司机用一篇博客带你快速熟悉Dart语法 Flutter基础篇（3）-- Flutter基础全面详解 Flutter基础篇（4）-- Flutter填坑全面总结 Flutter基础篇（5）-...进阶篇： Flutter进阶篇（1）-- 手把手带你快速上手调试Flutter项目 Flutter进阶篇（2）-- Flutter路由详解 Flutter进阶篇（3）-- Flutter 的手势（GestureDetector...）分析详解 Flutter进阶篇（4）-- Flutter的Future异步详解 Flutter进阶篇（5）-- 使用Flutter创建插件详解并发布到Pub库 Flutter进阶篇（6）-- PageStorageKey

    1.6K10

    flutter仿BOSS直聘（二），大前端技术实现

    项目简介 记得上一篇的写作时间还在2018年2月份，已经很久没更新了，而flutter的版本更新了好几次，自flutter 1.0正式版推出之后，一直有打算把之前的项目重写一下，因为flutter本身更新了许多新特性...因为这款APP相信大家都在使用，里面组件繁多且有一定复杂度，能衍生出来许多基于flutter组件库的子项目，里面有些功能，比如地图，IM，后面都会使用flutter来实现。...先把开源地址提供给大家： github地址： 服务端版本：flutter仿boss直聘服务端. flutter版本：flutter仿boss直聘. 项目效果图： ?...这里就不过多占用篇幅了，本文主要还是讲flutter，对前端感兴趣的会另外分享相关技术话题。 flutter端： 项目中使用以下组件，请记住一句咒语：flutter一切皆组件。...=> route == null); 列表页面，没啥好说的，ListView大家应该都用过，只是需要记住一点，列表再跳转详情时需要记录当前列表的滚动位置，只需加入以下代码即可： key: new PageStorageKey

    2.2K20

    Flutter轻松实现Adobe全家桶Logo列表

    系列博文链接 ↓： 工具安装： Flutter从配置安装到填坑指南详解 Flutter基础篇： 谷歌Flutter1.0正式版发布 Flutter基础篇（1）-- 跨平台开发框架和工具集锦 Flutter...基础篇（2）-- 老司机用一篇博客带你快速熟悉Dart语法 Flutter基础篇（3）-- Flutter基础全面详解 Flutter基础篇（4）-- Flutter填坑全面总结 Flutter基础篇（...5）-- Flutter代码模板，解放双手，提高开发效率必备 Flutter基础篇（6）-- 水平和垂直布局详解 Flutter基础篇（7）-- Flutter更新错误全面解决方案(图文+视频讲解) Flutter...） Flutter进阶篇： Flutter进阶篇（1）-- 手把手带你快速上手调试Flutter项目 Flutter进阶篇（2）-- Flutter路由详解 Flutter进阶篇（3）-- Flutter...Flutter进阶篇（6）-- PageStorageKey、PageStorageBucket和PageStorage使用详解 Flutter进阶篇（7）-- Flutter路由轻量级框架FRouter

    89440

    智慧航道监控列表滑动卡顿与内存泄漏修复实践

    一、问题背景分享这篇文章主要是因为我在智慧航道管理系统的 Flutter 移动端开发中，遇到了几个严重的性能问题：列表滑动卡顿：包含50+个航道设备项的列表（每个项包含设备状态指示灯、实时数据图表、操作按钮...），滑动时帧率仅30-40fps内存泄漏：页面退出后通过 Flutter DevTools 观察发现内存未下降，持续占用导致应用崩溃风险就是这2个问题导致，应用会出现闪退，然后就是用户体验很差。...: ^0.66.0（实时数据图表）rxdart: ^0.27.7（数据流管理）监控工具：Flutter DevTools 性能分析面板三、解决问题按照以往的经验，我将按照这个流程来进行问题的解决。...3.1 问题精准描述向 CodeBuddy 提交性能问题报告：Flutter 智慧航道监控列表性能问题：1. 使用 ListView.builder 构建50+个设备项2....build方法内存泄漏检查清单：所有StreamSubscription是否在dispose中取消所有AnimationController是否调用dispose所有GlobalKey是否重复使用所有PageStorageKey

    31510

    Flutter100行轻松实现自定义P站和油管的Logo及自由切换Logo功能

    Flutter基础篇： 谷歌Flutter1.0正式版发布 Flutter基础篇（1）-- 跨平台开发框架和工具集锦 Flutter基础篇（2）-- 老司机用一篇博客带你快速熟悉Dart语法 Flutter...基础篇（3）-- Flutter基础全面详解 Flutter基础篇（4）-- Flutter填坑全面总结 Flutter基础篇（5）-- Flutter代码模板，解放双手，提高开发效率必备 Flutter...基础篇（6）-- 水平和垂直布局详解 Flutter基础篇（7）-- Flutter更新错误全面解决方案(图文+视频讲解) Flutter基础篇（8）-- Flutter for Web详细介绍 Flutter...Flutter100行轻松实现自定义P站和油管的Logo及自由切换Logo功能 Flutter进阶篇： Flutter进阶篇（1）-- 手把手带你快速上手调试Flutter项目 Flutter进阶篇...Flutter进阶篇（5）-- 使用Flutter创建插件详解并发布到Pub库 Flutter进阶篇（6）-- PageStorageKey、PageStorageBucket和PageStorage

    1.5K10

    【Flutter】Flutter 项目中使用 Flutter 插件 ( Flutter 插件管理平台 | 搜索 Flutter 插件 | 安装 Flutter 插件 | 使用 Flutter 插件 )

    文章目录 一、Flutter 包和插件管理平台 二、Flutter 插件搜索示例 三、Flutter 插件装示例 1、添加 Dart 包依赖 2、获取 Dart 包 3、使用 Dart 包 4、官方的导入插件说明...四、Flutter 插件使用 五、Flutter 应用入口 六、 相关资源 一、Flutter 包和插件管理平台 已经实现好的模块功能 , 完全可以复用 , 避免重复造轮子 , 这些功能可以封装在 Flutter...包中 ; https://pub.dev/packages 网站是 Google 官方建立的管理 Dart 包和 Flutter 插件的平台 ; 在该网站可以搜索到各种包和插件 ; 二、Flutter...flutter.dev/ Flutter 开发文档 : https://flutter.cn/docs ( 强烈推荐 ) 官方 GitHub 地址 : https://github.com/flutter...Flutter 中文社区 : https://flutter.cn/ Flutter 实用教程 : https://flutter.cn/docs/cookbook Flutter CodeLab :

    3.6K00

    【Flutter 专题】85 Flutter Attach 调试 Flutter Code

    在实际开发过程中，为了满足项目业务方面以及兼容历史代码等方面，经常会采取 Flutter 功能模块以 aar 或 Module 等引入方式；而 Flutter Code 代码是与 Android...，直接 Run / Debug 会把 Flutter Module 当作一个新的 Project 运行； 此时需要通过 Flutter Attach 方式在 AndroidStudio 与设备之间建立...Flutter Attach 运行 Flutter Code；此时等待连接 Waiting for a connection from Flutter on Redmi K30 5G… ?...若打开了 Native app 之后 Flutter Attach 仍旧一直卡在连接设备 Waiting for a connection from Flutter on… 可以尝试杀掉 app 重新进入...包； Flutter Attach 运行 Flutter Code，与 Android 相同，与设备同步连接之后便可进行断点调试； ?

    3.9K41

    【Flutter】Flutter 混合开发 ( 简介 | Flutter 混合开发集成步骤 | 创建 Flutter Module )

    : Flutter 作为独立页面 : 在 Native 原生页面中 , 打开一个 Flutter 页面 ; 或者在 Flutter 页面中打开原生页面 ; Flutter 作为组件嵌入 : 在...Native 原生页面中 , 嵌套一个 Flutter 组件 ; 或者在 Flutter 页面中 , 嵌套原生页面组件 ; 二、Flutter 混合开发集成步骤 Flutter 混合开发集成步骤 :...flutter_hybrid , 然后执行如下命令 : flutter create -t module flutter_module 2、Android Studio 中创建 Flutter Module...( 推荐 ) 在弹出的对话框中 , 选择 Flutter Module , 选择创建的 Flutter Module 名称和路径 ; 创建完成的 Flutter Module 项目 : 3、Flutter...://github.com/flutter Flutter 中文社区 : https://flutter.cn/ Flutter 实用教程 : https://flutter.cn/docs/cookbook

    3.1K20

    《Flutter》-- 1.Flutter简介

    Flutter是一个由Google与社区开发的开源移动应用软件开发工具包。 Flutter不是一个彻底的跨平台技术框架，如果应用开发中涉及混合开发，还需要开发者具备原生开发知识。...1.1 Flutter的特点 1）跨平台开发 Flutter支持在mac OS、Windows、Linux、Android、iOS以及谷歌公司的Fuchsia操作系统上运行。...6）高性能 Flutter采用GPU渲染技术，使用Flutter编写的应用运行画面基本可以达到60帧/秒，因此使用Flutter开发的应用几乎可以媲美原生应用的性能。...1.3 Flutter框架 Flutter是一个分层结构框架，每一层都建立在前一层的基础上。...上层只提供画布，所有内容的绘制渲染逻辑均在Flutter内部完成，这实现了Flutter App和平台的无关性。

    1.7K20
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券