
Flutter
文章平均质量分 96
liao277218962
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
flutter redux状态管理
本文介绍了Flutter中使用Redux的完整流程。原创 2025-07-11 11:17:25 · 414 阅读 · 0 评论 -
Riverpod原理解析(实现一个自己的Riverpod)
一步一步实现自己的Riverpod库原创 2025-06-26 16:48:21 · 1320 阅读 · 0 评论 -
Flutter Riverpod 使用详细解析
摘要:Riverpod 是 Flutter 官方推荐的状态管理方案,提供多种 Provider 类型(StateProvider、StateNotifierProvider 等)满足不同场景需求。通过 ConsumerWidget 和 WidgetRef 实现响应式状态管理,支持异步操作(FutureProvider)和实时数据流(StreamProvider)。相比传统 Provider 更安全高效,具有自动资源管理机制,包括状态初始化、重建控制和释放资源等生命周期管理。原创 2025-06-26 11:17:06 · 1307 阅读 · 0 评论 -
Flutter MobX 响应式原理与实战详解
MobX是一个高效的状态管理库,通过Observable、Action和Reaction三大核心概念实现UI自动刷新。安装时需添加mobx、flutter_mobx和代码生成依赖。使用@observable标记状态变量,@action定义状态变更方法,并通过Observer组件监听状态变化。优化方式包括Observer+child减少重建、封装自定义ObserverWidget,以及列表项精细追踪。MobX的响应式机制基于可观察对象的自动依赖追踪,比传统方案更高效。原创 2025-06-25 16:56:07 · 948 阅读 · 0 评论 -
Flutter 状态管理(setState、InheritedWidget、 Provider 、Riverpod、 BLoC / Cubit、 GetX 、MobX 、Redux)
Flutter 状态管理方案比较与使用场景指南:本文介绍了Flutter开发中常用的8种状态管理方式,包括原生方案(setState/InheritedWidget)和主流第三方库(Provider/Riverpod/BLoC/GetX等)。每种方案都从优点、缺点和适用场景三个维度进行分析,并附典型代码示例。setState适合简单场景,Provider为官方推荐方案,BLoC适合复杂业务逻辑,GetX以简洁著称。文章还提供了每种方案的官方文档链接,帮助开发者根据项目规模、复杂度及团队习惯选择最合适的状态管原创 2025-06-25 15:46:57 · 907 阅读 · 0 评论 -
Flutter 中 Provider 的使用、注意事项与原理解析(含代码实战)
本文介绍了Flutter官方推荐的状态管理库Provider的使用方法。Provider基于InheritedWidget和ChangeNotifier实现,通过监听数据变化自动更新UI。文章详细讲解了Provider的核心原理、常见类型与区别,并提供了多种场景的代码示例:ChangeNotifierProvider用于计数器应用的状态管理,Provider提供静态配置数据,FutureProvider处理异步数据加载,StreamProvider监听实时数据流。每种Provider类型都配有典型应用场景的原创 2025-06-24 16:25:21 · 1644 阅读 · 1 评论 -
InheritedWidget组件使用及原理
Flutter中InheritedWidget和InheritedModel是实现高效状态共享的关键机制。InheritedWidget通过of(context)方法让子树组件访问数据,并在数据变化时自动重建依赖组件。示例展示了计数器应用,通过CounterProvider共享状态,点击按钮更新数据并刷新界面。InheritedModel则提供更细粒度的控制,允许子组件仅监听特定维度的数据变化。示例中CounterModel分别管理countA和countB状态,两个子组件各自依赖不同数据维度,实现精准更新原创 2025-06-24 11:10:57 · 1053 阅读 · 0 评论 -
setsate()使用详解原理及注意事项
摘要:Flutter中的setState是基础但易错的状态管理方法。关键注意事项包括:仅限StatefulWidget使用、避免在build()中调用、减少重建范围、正确处理异步和生命周期。其原理是通过标记组件为"dirty"触发下一帧重建,实际UI更新由Flutter渲染管线完成。优化建议包括拆分组件、控制调用频率和使用mounted检查。理解这些要点可避免常见性能问题和错误。原创 2025-06-23 10:54:52 · 1020 阅读 · 0 评论 -
getx用法详细解析以及注意事项
Flutter GetX框架提供了三种状态管理方式:响应式(Rx+Obx)、简单状态(GetBuilder)和混合监听(Worker)。响应式方式通过.obs变量和Obx自动刷新UI,适合实时数据变化;简单状态需手动调用update()刷新,性能更高;Worker用于状态变化时的副作用处理。Obx仅监听内部使用的.obs变量而非全部,且不绑定特定Controller,可灵活组合多个Controller的状态。开发者可根据项目需求选择合适方式,快速开发推荐响应式,高性能场景适用GetBuilder,副作用处理原创 2025-06-20 17:08:27 · 426 阅读 · 0 评论 -
flutter bloc 使用详细解析
Flutter_bloc是一个基于BLoC模式的Flutter状态管理库,通过事件驱动和状态响应的方式实现UI与业务逻辑的分离。其核心包含Event(用户输入)、State(界面状态)和Bloc(处理逻辑)三个部分。使用步骤包括安装依赖、定义事件和状态、创建Bloc逻辑组件以及在UI中通过BlocProvider和BlocBuilder进行绑定。相比GetX,flutter_bloc更适合大型项目,具有更好的可维护性和测试性,而GetX则以简洁快速著称,适合小型或个人项目。上下文扩展方法如context.r原创 2025-06-20 09:00:49 · 862 阅读 · 0 评论 -
flutter安装issue Flutter plugin not installed this adds Flutter specific functionality
问题描述MAC, Android Studio 4.1环境, 安装flutter插件并重启后在终端运行flutter doctor却报错,具体如下Doctor summary (to see all details, run flutter doctor -v):[✓] Flutter (Channel stable, 1.22.2, on Mac OS X 10.15.7 19H2, locale zh-Hans-CN)[✓] Android toolchain - develop f原创 2020-12-23 20:10:22 · 896 阅读 · 1 评论 -
Flutter Image 使用问题记录
Container( width: 690.w, height: 334.w, child: Image.network( info.fCover, width: double.infinity, height: 334.w, fit: BoxFit.cover,),)如果图片的尺寸比控件的尺寸小时,设置实际尺寸 ,BoxFit.cover 会填不满控件必须在外面包一层,然后 image 的尺寸.原创 2020-12-10 13:49:47 · 359 阅读 · 0 评论 -
Flutter text 用法笔记
Text( "星\n期\n三", strutStyle: StrutStyle(leading: 0.7),//设计行距 style: TextStyle( color: ColorUtil.color(color_4A4A4A), fontSize: ScreenUtil().setSp(26), ), ...原创 2020-04-02 18:07:52 · 440 阅读 · 0 评论