《Flutter学习笔记》redux状态管理 实现换肤

最新推荐文章于 2024-08-21 10:55:54 发布
最新推荐文章于 2024-08-21 10:55:54 发布
阅读量388 收藏 1
点赞数
分类专栏： flutter 文章标签： flutter
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36546825/article/details/97397158
版权
本文介绍了如何在Flutter项目中使用Redux进行状态管理，特别是如何实现换肤功能。通过创建AppState类存储共享数据，定义Reducer处理state变化，并结合flutter_redux库，使用StoreProvider和StoreBuilder来管理和获取主题色。在Newpage页面，通过dispatch触发颜色改变，实现了颜色切换的交互效果。
摘要由CSDN通过智能技术生成

参考文档 https://guoshuyu.cn/home/wx/Flutter-4.html

Redux

由于之前使用react框架，所以对于redux的一些概念会相对熟悉。对于不了解的朋友可以阅读以下文档进行入门redux:

redux主要涉及以下概念：

  • Store: 用来保存数据的地方，整个项目只能有一个store，Store中定义了一个非常重要的方法 dispatch(action) 用来发送action ，触发事件的发生.
  • State: store对象包含的所有数据.
  • Action: state的变化会导致view的变化，用户通过接触view ，使用action发出通知，来更改action。store.dispatch()是view发出action的唯一方法.
  • Reducer: 将传入的state处理成新的state，是一个纯函数.

Flutter + Redux

在flutterd当中使用redux，需要引入两个库

最低0.47元/天 解锁文章
cindbiubiu
关注
专栏目录
Flutter学习笔记：有状态组件和组件间通信
01-08
再学习过程中在本例子中用到了几个注意点进行笔记： Flutter有状态组件的定义方法 Flutter子组件和父组件之间的通信过程 动态组件生成的方法 关于定义回调函数类型上碰到的写法问题 实现效果： 1. Flutter有状态...
Flutter完整开发实战详解(四、 Redux、主题、国际化) _ 掘金技术征文
erhtre的博客
04-05 835
OK，现在我们可以愉悦的创建了。如下代码所示，在创建 Store 的同时，我们通过对 GSYState 进行了初始化，然后通过加载了 Store 并且包裹了。/// 创建Store，引用 GSYState 中的 appReducer 创建 Reducer/// initialState 初始化 State),@override/// 通过 StoreProvider 应用 storeAnd then，接下来就是使用了。如下代码所示，通过在。
Flutter完整开发实战详解(四、 Redux、主题、国际化)
sundaysme的博客
05-22 238
https://www.jianshu.com/p/34a6224e0cf1 作为系列文章的第四篇，本篇主要介绍 Flutter 中 Redux 的使用，并结合Redux 完成实时的主题切换与多语言切换功能。 文章汇总地址： Flutter 完整实战实战系列文章专栏 Flutter 番外的世界系列文章专栏 Flutter 作为响应式框架，通过 state 实现跨帧渲染的逻辑，难免让人与 React 和 React Native 联系起来，而其中 React 下“广为人知”的 Redux 状态管
Fish Redux 项目教程
gitblog_00611的博客
08-07 255
Fish Redux 项目教程 fish-reduxAn assembled flutter application framework.项目地址:https://gitcode.com/gh_mirrors/fi/fish-redux 1. 项目的目录结构及介绍 Fish Redux 是一个基于 Redux 状态管理的 Flutter 应用框架。项目的目录结构如下： fish-redux/ ├...
手把手入门Fish-Redux开发flutter（上）
大灰狼的小绵羊哥哥的博客
10-12 4171
本文适合已经入门flutter，没有了解过Redux，但对Fish-Redux感兴趣的同学。 1 Fish-Redux介绍 众所周知，redux是一个前端的状态管理框架。 而Fish-Redux是阿里闲鱼团队开发的flutter应用框架。用其官方文档的原文描述就是“Fish Redux 是一个基于 Redux 数据管理的组装式 flutter 应用框架， 它特别适用于构建中大型的复...
Fish Redux
TLuffy的博客
04-20 2626
Fish ReduxFish Redux使用说明基础使用Fish-Redux组成部分工作流程配置环境引入Fish-Redux安装FishReduxTemplateFishReduxTemplate使用说明Fish Redux 的优点及原理数据的集中管理组件的分治管理View、Reducer、Effect 隔离良好的扩展性精小、简单、完备官方文档以及源码项目实践 Fish Redux使用说明 Fis...
fish_redux使用详解---看完就会用！
chuyouyinghe的专栏
07-03 1588
说句心里话，这篇文章，来来回回修改了很多次，如果认真看完这篇文章，还不会写fish_redux，请在评论里喷我。 前言 来学学难搞的fish_redux框架吧，这个框架，官方的文档真是一言难尽，比flutter_bloc官网的文档真是逊色太多了，但是一旦知道怎么写，页面堆起来也是非常爽呀，结构分明，逻辑也会错落有致。 其实在当时搞懂这个框架的时候，就一直想写一篇文章记录下，但是因为忙（lan），导致一直没写，现在觉得还是必须把使用的过程记录下，毕竟刚上手这个框架是个蛋痛的过程，必须要把这个过程做个记录
Flutter 状态管理的实现
08-19
主要介绍了Flutter 状态管理的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
redux_persist：持久化Redux状态
02-05
在React开发中，Redux作为状态管理工具，而Redux_Persist则扩展了其功能，解决了数据丢失的问题。 在Flutter和Dart开发中，虽然原生的Redux库不直接支持持久化，但可以通过类似ReduxDart这样的库结合其他持久化解决...
Flutter悬浮窗组件之实现快捷换肤、切换语言
12-11
Flutter悬浮窗组件之实现快捷换肤、切换语言等开发调试功能模块
Flutter provider状态管理框架
10-24
Flutter的Provider框架通过简单直观的方式来处理状态管理，降低了学习曲线，提高了开发效率。无论是小型项目还是大型应用，Provider都能提供足够强大的支持。理解并熟练运用Provider，将有助于你构建出更加健壮和可...
（二）Flutter Redux 中的 combineReducers
发孖的博客
06-27 1323
在 （一）Flutter Redux 中，对Redux有了初步的了解和使用，但是还是有些问题。上个例子中ReduxState.dart中只定义了一个参数name，但是如果参数不只一个，有可能还有其他类做为参数，并且数量非常多，这么下来整个类都不好维护，太过于混乱。而且随着业务的增加，action也会越来越多，在getReduce方法中又是根据不同的action来处理不同的业务，action的量增大...
2亿用户背后的Flutter最新开源框架；Fish-Redux(1)
2401_84412521的博客
04-29 712
本人从事Android开发已经有十余年，算是一名资深的移动开发架构师了吧。根据我的观察发现，对于很多初中级Android工程师而言，想要提升技能，往往是自己摸索成长，不成体系的学习效果低效漫长且无助。所以在此将我十年载，从萌新小白一步步成长为Android移动开发架构师的学习笔记，从Android四大组件到手写实现一个架构设计，我都有一一的对应笔记为你讲解。当然我也为你们整理好了百度、阿里、腾讯、字节跳动等等互联网超级大厂的历年面试真题集锦。
2亿用户背后的Flutter最新开源框架；Fish-Redux
最新发布
2401_85958980的博客
08-21 980
然不仅于此，对于传统 Redux 在使用层面上的缺点，在面向端侧 flutter 页面纬度开发的场景中，我们通过更好更高的抽象，做了改良。于是我们得到了，View、 Effect、Reducer 三部分，称之为组件的三要素，分别负责了组件的展示、非修改数据的行为、修改数据的行为。概括的讲，我们想要一个逻辑上的 ScrollView，性能上的 ListView ，这样的一种局部展示和功能封装的抽象。UI 的表达对程序员而言即将进入黑盒时代，研发工程师们会把更多的精力放在非修改数据的行为、修改数据的行为上。
Fish Redux 使用教程
gitblog_00737的博客
08-07 251
Fish Redux 使用教程 fish-reduxAn assembled flutter application framework.项目地址:https://gitcode.com/gh_mirrors/fi/fish-redux 项目介绍 Fish Redux 是一个基于 Redux 状态管理的 Flutter 应用框架，特别适用于构建中大型的复杂应用。它具有以下特点： 功能性编程：支...
fish_redux 使用指北（这可能是比官方更友好的文档）
热门推荐
weixin_34163553的博客
05-30 1万+
注意： 阅读这遍文章需要具备以下知识： 了解 Flutter，最好写过 demo 了解 fish_redux 的基本概念 一、 fish_redux 构建项目顺序与项目目录 项目构建步骤： 配置路由 使用 Page 构建页面，这里面可以配置 state、effect、reducer 等要素 定义全局 state 定义 effect 、 middleware 、reducer 用于实现副作...
Flutter完整开发实战详解(四、 Redux、主题
2301_79054557的博客
04-01 970
但是引入 Redux 后，某个页面修改了当前用户信息，所有绑定了 Redux 的控件，将由 Redux 自动同步刷新。第三，到了合适的年纪，后续不知道该如何发展，转型管理，还是加强技术研究。第三，到了合适的年纪，后续不知道该如何发展，转型管理，还是加强技术研究。试想一下，App内有多个地方使用到登陆用户的数据，这时候如果某处对用户数据做了修改，各个页面的同步更新会是一件麻烦的事情。当然，少不了 Redux！很多朋友不是没有资料，大多都是有几十上百个G，但是杂乱无章，不知道怎么看从哪看起，甚至是看后就忘。
Flutter应用状态管理深度解析
对于这类状态，Flutter提供了多种状态管理解决方案，如`Provider`、`Bloc`、`Riverpod`、`Redux`等，它们允许在应用的不同部分之间高效地传递和更新状态。 五、使用`StatefulWidget`管理短时状态 在示例代码中，`_...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值