开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

如何防止flutter中基于自定义逻辑的widget重现？

在Flutter中，可以通过使用Key来防止基于自定义逻辑的widget重现。Key是一个抽象类，它的子类可以用来标识widget并确保其在重新构建时保持唯一性。

当一个widget的Key发生变化时，Flutter会将其视为一个新的widget，从而触发重新构建。通过为基于自定义逻辑的widget提供唯一的Key，我们可以防止其重现。

以下是一些常用的方法来防止widget重现：

使用ValueKey：ValueKey是Key的一个具体实现，它可以根据给定的值来标识widget。例如，如果我们有一个基于某个数据模型的自定义widget，可以使用该数据模型的唯一标识作为ValueKey的值，以确保在数据模型发生变化时，widget会被正确地重新构建。
使用ValueKey：ValueKey是Key的一个具体实现，它可以根据给定的值来标识widget。例如，如果我们有一个基于某个数据模型的自定义widget，可以使用该数据模型的唯一标识作为ValueKey的值，以确保在数据模型发生变化时，widget会被正确地重新构建。
使用ObjectKey：ObjectKey是Key的另一个具体实现，它可以根据给定的对象来标识widget。如果我们有一个自定义widget，其内部状态发生变化时需要重新构建，可以使用该widget的实例作为ObjectKey的值。
使用ObjectKey：ObjectKey是Key的另一个具体实现，它可以根据给定的对象来标识widget。如果我们有一个自定义widget，其内部状态发生变化时需要重新构建，可以使用该widget的实例作为ObjectKey的值。
使用GlobalKey：GlobalKey是一个全局唯一的Key，可以在整个widget树中使用。它通常用于在不同的widget之间共享状态或访问widget的属性和方法。如果我们需要在不同的位置使用同一个自定义widget实例，并且希望在重新构建时保持其状态，可以使用GlobalKey。
使用GlobalKey：GlobalKey是一个全局唯一的Key，可以在整个widget树中使用。它通常用于在不同的widget之间共享状态或访问widget的属性和方法。如果我们需要在不同的位置使用同一个自定义widget实例，并且希望在重新构建时保持其状态，可以使用GlobalKey。

以上是防止基于自定义逻辑的widget重现的几种常用方法。根据具体的场景和需求，选择适合的Key类型来确保widget的正确重建。

腾讯云相关产品和产品介绍链接地址：

相关搜索:如何在flutter中显示基于变量的widget？如何防止文本中的widget移出边界？Tkinter 如何从子Widget更新父Widget的状态，同时在Flutter中更新子Widget的状态？如何在flutter中动态设置widget的高度？如何在Flutter中限制文本Widget中的字数？如何要求子widget父控件是Flutter中唯一特定的widget？如何从Flutter中的页面更新主类widget 如何在Flutter中对定位的widget进行约束？Flutter如何从传递的数据中构建Widget列表？如何在Flutter中移除Stack中Widget的内框？如何防止列表中存储的有状态Widget被处置？如何在flutter中实现TextFormField中的数据逻辑如何从Flutter中的数据结构内容创建widget？如何在flutter中对多个widget使用相同的键？如何使用Flutter中的'for‘这样的迭代器来制作Widget？如何将widget的数据保存到Flutter中的设备？如何让Container widget在flutter中只占用所需的空间？如何基于Flutter中的未来结果构建流？如何让内部有状态的widget接收到Flutter中的scroll事件？如何构建专门针对Flutter中类方法的Provider包的Consumer Widget？

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

基于Flutter手把手教你实现一个日期选择（日历形式）

今天的主题是，在flutter里面实现一个日期选择的自定义控件，或者说自定义组件，考虑到这个日期自定义组件的通用性，我们将会采用插件开发开始来做，这样就可以发布到 pub.dev 上，供广大flutter开发者用（虽然别人不一定会用哈，但是我们要对自己有一个小小的要求不是嘛！）

05

Flutter Hooks 使用及原理

Hooks,直译过来就是"钩子"，是前端React框架加入的特性，用来分离状态逻辑和视图逻辑。现在这个特性并不只局限在于React框架中，其它前端框架也在借鉴。同样的，我们也可以在Flutter中使用Hooks。Hooks对于从事Native开发的开发者可能比较陌生。但Flutter的一大优势就是综合了H5，Native等开发平台的优势，对Native开发者和对H5开发者都比较友好。所以通过这篇文章来介绍Hooks，希望大家能对这一特性有所了解。

03

Flutter实现雨滴动画

写了几个Flutter的demo，但是对Flutter的自定义view和动画都不太了解，看到一个类似效果在android的实现，就尝试用Flutter做一下。同时也是学习Flutter的自定义view和动画相关的知识。

05

组合与自绘，我该选用何种方式自定义Widget？

在实际开发中，我们经常会遇到一些复杂的UI需求，往往无法通过使用Flutter的基本Widget，设置其属性参数来满足。这个时候，我们就需要针对特定的场景自定义Widget了。

02

Flutter开发之Widget自定义总结

在Flutter实际开发中，大家可能会遇到flutter框架中提供的widget达不到我们想要的效果，这时就需要我们去自定义widget，从Flutter构建、布局、绘制三部曲中我们了解到，实际的测量、布局、绘制操作都在RenderObject中，我们是可以进行继承相关的RenderObject来实现自定义的。但是其实flutter框架在设计之初就给我们预留出了自定义的入口，方便我们进行自定义。

01

Flutter自定义实现神奇动效的卡片切换视图的示例代码

这一段时间，Flutter的势头是越来越猛了，作为一个Android程序猿，我自然也是想要赶紧尝试一把。在学习到动画的这部分后，为了加深对Flutter动画实现的理解，我决定把之前写的一个卡片切换效果的开源小项目，用Flutter“翻译”一遍。

03

从夜间模式说起，如何定制不同风格的App主题？

前一篇文章，我介绍了组合和自绘这两种自定义Widget的方式。对于组装，我们按照从上到下、从左到右的布局顺序去分解目标视图，将基本的Widget封装到Column、Row中，从而合成更高级别的Widget；而对于自绘，我们则通过承载绘制逻辑的载体CustomPainter，在其paint方法中使用画笔Paint与画布Canvas，绘制不同风格、不同类型的图形，从而实现基于自绘的自定义组件。

03

Flutter EasyLoading - 让全局Toast/Loading更简单

Flutter是Google在2017年推出的一套开源跨平台UI框架，可以快速地在iOS、Android和Web平台上构建高质量的原生用户界面。Flutter发布至今，不可谓不说是大受追捧，吸引了大批App原生开发者、Web开发者前赴后继的投入其怀抱，也正由于Flutter是跨平台领域的新星，总的来说，其生态目前还不是十分完善，我相信对于习惯了原生开发的同学们来说，找轮子肯定没有了那种章手就莱的感觉。比如说这篇文章即将讲到的，如何在Flutter应用内简单、方便的展示Toast或者Loading框呢？

01

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

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://www.jianshu.com/p/004b7a56bb51

01

Flutter 和 iOS 之间的 Battle：手势交互谁才是老大？

跨平台框架都会面对和原生平台沟通的问题，Flutter 也不例外，在实际工程落地的过程中经常会碰到手势识别交互的问题。本文介绍了西瓜视频解决 Flutter 和 iOS 手势冲突的方案，详细内容如下。

03

Flutter完整开发实战详解(四、 Redux、主题、国际化)

作为系列文章的第四篇，本篇主要介绍 Flutter 中 Redux 的使用，并结合Redux 完成实时的主题切换与多语言切换功能。

02

Flutter完整开发实战详解(四、 Redux、主题、国际化)

作为系列文章的第四篇，本篇主要介绍 Flutter 中 Redux 的使用，并结合Redux 完成实时的主题切换与多语言切换功能。

04

[- Flutter 跨界篇-]昨晚简记+Flutter桌面、Web开发

Flutter 1.12稳定版发布，桌面和浏览器势头很强。 [1]. 官方已经有响应式的布局的打算了，坐等。(有生之年) [2]. UI界面的可以预览，终于等到你... [3]. 0环境，浏览器运行F

04

【Flutter】自定义 Flutter 组件 ( 创建自定义 StatelessWidget、StatefulWidget 组件 | 调用自定义组件 )

Flutter 开发中 , 组件可以是一个 Button 按钮 , Text 文本 , 也可以是封装好的一大块区域 ; 组件由 Widget 组成 ;

01

Flutter 中创建一个绘图画布

在 Flutter 中创建绘图应用程序是一个有益的过程，可以将用户交互和图像渲染相结合。在本文，我们将手把手构建一个简单的绘图画布，在画布上用户可以在画布上使用手指自由绘画并选择不同颜色的画笔。

01

Flutter 刷新页面：通过下拉刷新提升用户体验

在移动端应用中，为用户提供一个直观的方式来更新内容是很重要的。在丰富的挂件中，Flutter 提供了一个很好的方式实现下拉来刷新应用。这个手势，对很多用户来说很熟悉，就是下拉页面来触发更新的动作，获取新的数据并更新屏幕展示。

01

Flutter 3.7更新详解

新年伊始，由 Flutter 3.7 正式版来「打头阵」！我们与整个 Flutter 社区们继续在 Flutter 3.7 中优化了框架，包括创建自定义菜单栏和层叠式菜单、更好的国际化工具支持、新的调试工具以及其他功能和特性等。

00

flutter系列之:在flutter中自定义themes

一般情况下我们在flutter中搭建的app基本上都是用的是MaterialApp这种设计模式，MaterialApp中为我们接下来使用的按钮，菜单等提供了统一的样式，那么这种样式能不能进行修改或者自定义呢？

04

Flutter的目录结构以及基本架构

可以看到，除了Flutter自身的代码、资源、配置和依赖以外，Flutter工程还包含了Android和iOS的工程目录。

02

1.Flutter学习:Flutter目录结构、入口、Text组件、MaterialApp组件、Scaffold组件

学习自：Dart Flutter教程_Dart Flutter入门实战视频教程-2019年新出.

01

一种更优雅的Flutter Dialog解决方案

系统自带的Dialog实际上就是Push了一个新页面，这样存在很多好处，但是也存在一些很难解决的问题

04

Flutter开发实战分析-animation_demo解析导读

以下代码基本参考于 flutter_gallery中的animation_demo示例。（可以结合本文看源码）整体动画效果预览

03

Flutter完整开发实战详解(十六、详解自定义布局实战)

本篇将解析 Flutter 中自定义布局的原理，并带你深入实战自定义布局的流程，利用两种自定义布局的实现方式，完成如下图所示的界面效果，看完这一篇你将可以更轻松的对 Flutter 为所欲为。

03

Android开发者的Flutter入门（二）

上篇文章Android开发者的Flutter入门（一）讲解了用Flutter开发一个简单的新闻app的大体流程以及主要功能的实现。其中略过了一些功能的实现细节。这篇文章会对这些细节做一些阐述。涉及到的有以下这些点：

02

[Flutter必备]-StatefulWidget的打开方式

0.前言刚接触Flutter的小伙伴在StatefulWidget控件时会感觉难以接受本人一开始也是,不过对React的了解让我很快理解了Flutter的状态观念本篇就说一下我对State

01

flutter 之Text介绍

Text widget 可以用来在应用内创建带样式的文本。文本作为UI最基本的元素，最基本的用法有这些：

01

为啥Flutter Hooks没有受到太多关注和青睐？

Flutter Hooks 虽然面世已经有一段时间了，但是迄今为止它并没有受到太多关注和青睐。我很奇怪为什么会是这个样子，毕竟它真的很好用！在本文中，我会试着告诉大家如何使用 Flutter Hooks 来减少样板代码，并基本上摆脱你现在用的几乎所有有状态小部件（StatefulWidget），让大家知道 Hooks 用起来是多么简单利落！

02

Flutter 即学即用系列博客——05 StatelessWidget vs StatefulWidget

然而 Widget 有两个，StatelessWidget 和 StatefulWidget，我们要继承哪一个？

03

优化 Flutter 应用开发：探索 ViewModel 的威力

ViewModel，顾名思义，就是视图的模型。在 Flutter 中，ViewModel 是一种用于管理视图状态和业务逻辑的重要概念。它承载了应用程序的核心功能，像是一个精心设计的控制中心，负责连接视图和数据模型，使得应用程序能够顺畅地运行。

01

FlutterUnit 周边 | 深入分析 iOS 手势回退问题

由于之前一直在 Android 机子上测试，没在 iOS 上跑过。最近 FlutterUnit 发布了 iOS 版本，收到了最多的反馈就是：返回滑动失效。起初我以为只是 WillPopScope 的锅，但我发现，很多普通的界面在跳转后，iOS 也无法返回滑动。然后觉得很蹊跷，事出反常必有妖，且来一探究竟。

01

【Flutter 专题】60 图解基本 Dialog 对话框小结

Dialog 在日常开发中应用广泛，大家也对此很熟悉；和尚以前也整理过关于自定义 Dialog 的小博客，今天和尚系统的学习一下最基本的 Dialog；

05

Flutter 中的Error的捕获及处理

所有 Flutter 的错误均会被回调方法 FlutterError.onError 捕获。默认情况下，会调用 FlutterError.dumpErrorToConsole 方法，正如方法名表示的那样，将错误转储到当前的设备日志中。当从 IDE 运行应用时，检查器重写了该方法，错误也被发送到 IDE 的控制台，可以在控制台中检查出错的对象。

01

自定义View概述

在前面的文章中我们学习了ExpansionPanelList的用法，使用ExpansionPanelList可以很轻松的实现可展开列表的效果，在文章的最后依然给大家留下了个小问题，实现如下效果。

03

Android-Kotlin VS Flutter-Dart - 自定义控制摇杆

前言比较Kotlin OR Flutter 谁好, 就像在比较[程序员]和[画家]谁[唱歌]比较好听 Kotlin是语言，完美平复了我对Java的恨铁不成钢的心情。 Flutter是框架，完美

02

Flutter 全局控制底部导航栏和自定义导航栏的方法

导航栏在移动应用中扮演着至关重要的角色，它是用户与应用之间进行导航和交互的核心组件之一。无论是简单的页面切换，还是复杂的应用导航，导航栏都能够帮助用户快速找到所需内容，提升用户体验和应用的易用性。

01

为Flutter应用程序添加交互性顶

你如何修改你的应用程序，使其对用户输入做出反应？在本教程中，您将为仅包含非交互式小部件的应用添加交互性。具体来说，您将通过创建一个管理两个无状态小部件的自定义状态小部件来修改图标以使其可以点击。

02

Flutter利用注解生成可自定义的路由的实现

这是一个简单的 Flutter 路由生成库，只需要少量的代码，然后利用注解配合源代码生成，自动生成路由表，省去手工管理路由代码的烦恼。

02

flutter系列之:如何自定义动画路由

flutter中有默认的Route组件，叫做MaterialPageRoute，一般情况下我们在flutter中进行跳转的话，只需要向Navigator中传入一个MaterialPageRoute就可以了。

03

Flutter完整开发实战详解(九、深入绘制原理)

作为系列文章的第九篇，本篇主要深入了解 Widget 中绘制相关的原理，探索 Flutter 里的 RenderObject 最后是如何走完屏幕上的最后一步，结尾再通过实际例子理解如何设计一个 Flutter 的自定义绘制。

01

Flutter 组件集录 | 3.7 新增 - ContextMenu 菜单

Context 菜单算是对弹出框的一个特性支持，特别对于桌面端来说，让右键弹出工具框的处理更加简便。比如下方所示，是 AndroidStudio 中右键时弹出的工具：

02

Flutter UI原理

Widgets是Flutter App用户交互的基础构成，每个widget代表的是用户交互的一部分(不可变的)，不像其他frameworks会分开views，viewControllers，layout或者其他属性，Flutter有一个统一的对象模型：widget。

02

探索 Flutter 中的 NavigationRail：使用详解

在 Flutter 中，NavigationRail 是一个垂直的导航栏组件，用于在应用程序中提供导航功能。它通常用于更大屏幕空间的设备，如平板电脑和桌面应用程序。NavigationRail 提供了一种直观的方式来浏览应用程序的不同部分，并允许用户轻松地切换页面或执行导航操作。

01

Flutter混编工程之异常处理

Flutter App层和Framework层的异常，通常是不会引起Crash的，但是Engine层的异常会造成Crash。而Flutter Engine部分的异常，主要是libfutter.so发生的异常，这部分的异常，在Dart层无法捕获，一般会交给类似Bugly这样的平台来收集。

01

FlutterDojo设计之道——状态管理之路（二）

第一种方案，我们使用ValueNotifier和ValueListenableBuilder来实现了。

02

Flutter 异常捕获详解

Flutter 异常指的是，Flutter 程序中 Dart 代码运行时意外发生的错误事件。我们可以通过与 Swift 类似的 try-catch

02

带你快速掌握Flutter的视图(Widgets)

在这篇文章中，将向大家分享Flutter开发中的一些视图（Widgets）相关的一些知识和经验，主要包含：

01

【Flutter 实战】一文学会20多个动画组件

Flutter 系统提供了20多个动画组件，只要你把前面【动画核心】(文末有链接)的文章看明白了，这些组件对你来说是非常轻松的，这些组件大部分都是对常用操作的封装。

02

Flutter开发项目入门

在Flutter里面一切皆组件，不同于CSS的样式，在Flutter里面，样式的值也基本都是组件。

02

Flutter 中的Dialog

在Flutter中，各种提示框、弹出框是如何实现的呢？今天我们就来聊一聊这个问题。

03

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭