(译)你可能不需要Redux:Flutter版

栏目: 服务器 · 发布时间: 5年前

内容简介:长话短说:SetState->如果你是从事移动开发相关工作的,你可能听过

(译)你可能不需要Redux:Flutter版

长话短说:SetState-> scoped_model -> redux .

如果你是从事移动开发相关工作的,你可能听过 Flutter 这个小玩意。这是一个非常棒的移动UI框架,您无法想象应用程序开发可以犹如游戏开发,运行时随应用程序一起提供,可以在不放弃性能的情况下实现完全可定制的体验。

当你研究如何使用Flutter构建应用的时候,你可能遇到 setStateredux 这两种最流行的管理应用状态的模式。虽然它们彼此都有一席之地,但是 setState 的简易性和 redux 的灵活性之间存在着鸿沟。

setState有什么问题?

要清楚,使用setState没有任何问题。这种更新小部件状态的方法是Flutter和React最强大的功能之一。您可以在此处阅读有关如何使用自上而下的数据流有效管理React应用程序中的状态的信息。该模式同样适用于Flutter。

也就是说,如果你熟悉React,那么你就会遇到“螺旋钻”的痛苦。对于初学者来说,这是通过不关心数据的组件传递道具的过程,这样您就可以将它发送给那些关心的组件。重构组件时,问题被放大,使维护成为一场噩梦,并且您还可能通过为一个窗口小部件重新呈现窗口小部件树的部分而体验性能下降。

Redux有什么问题?

与setState一样,redux没有任何问题。这是一个完美的模式,可以根据需要管理应用程序的状态。

也就是说,使用redux并非没有缺点,其主要原因是它可能没有必要时增加的复杂性。作为好公民,我们

不应该过度优化。

不应该使用模式或库,因为它们很受欢迎。

Redux,无论它对于前端开发有多么棒,也不例外。

##在状态管理上获取setState般的简易性

作为React的重要支持者,我非常喜欢社区中库日益增长的趋势,他们利用其新的Context API在状态管理中获得了一席之地。在搜索类似的模式时,我遇到了scoped_model。

如果您对在flutter应用程序中管理状态感兴趣,我强烈建议您使用Scoped Models。 请注意,目前这不是在flutter应用程序中管理状态的“常规”方式,但我们发现它非常有用。 就个人而言,我认为你应该尽可能少地使用StatefulWidgets。 Scoped Models非常有用。

就像 unstated 利用React和上下文中已存在的模式一样,scoped_model构建在您已经熟悉的模式上(如果使用setState)。

总览

scoped_model是基于三个主要的概念:

1.model

从概念上讲,Model与redux store 非常相似。它是一个类似于widget的类,只包含与状态相关的部分。

(译)你可能不需要Redux:Flutter版 扩展Model的CounterModel

2.ScopedModel

ScopedModel包含状态模型,将其提供给请求它的所有widget。这类似于unstated的Provider。 (译)你可能不需要Redux:Flutter版 在应用顶层创建ScopedModel

3. ScopedModelDescendant

ScopedModelDescendant小部件允许您将状态从Model传递到窗口小部件。状态更改将触发重新呈现,您可以在模型上调用方法。这与unstated的Subscribe组件非常相似。

(译)你可能不需要Redux:Flutter版 ScopedModelDescendant接受传入模型的build()函数。

添加多个Container到widget

在查看API之后,我遇到的第一个问题是如何向widget添加多个模型?

使用mixins这是相当简单的。让我们重写前面的例子,增加递减和重置计数的能力:

(译)你可能不需要Redux:Flutter版 然后,我们可以在应用程序的根下用MainModel替换我们的CounterModel创建 (译)你可能不需要Redux:Flutter版 将CounterModel替换为MainModel

最后,我们可以使用多个模型完成我们的示例 (译)你可能不需要Redux:Flutter版

build()方法可以访问所有MainModel道具

你可能在想

为什么他不把所有这些方法放在一起形成一个逻辑模型? 你的评估是正确的,这个例子分离没有多大意义。将此视为更多的能力演示。

实际上,您应该组合代表不同类型状态的模型(CounterState,AuthState,ProfileState等)。

异步操作

由于模型的简单性,异步操作变成了贪睡的盛会。一旦状态改变,触发notifyListeners基本上就像setState一样运行。

结论

在本文开头,我提到使用setState或redux进行状态管理没有任何问题,我想重申这一说法。本文更多的是关于填补两者之间空白而作出的努力。

类似于React中状态管理演变的unstated,scoped_model是Flutter中的演变。与unstated一样,它降低了复杂性并保持在Flutter的范围内。

在考虑状态管理时,scoped_model值得与setState和redux放在一起,特别是当你需要比setState更强大但又不需要太厚重的时候。

如果您想查看本文的完整工作演示,可以在此处找到


以上所述就是小编给大家介绍的《(译)你可能不需要Redux:Flutter版》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

密码朋克

密码朋克

[澳] 朱利安·阿桑奇 / Gavroche / 中信出版社 / 2017-10 / 42.00元

互联网已经在世界各地掀起了革命,然而全面的打击也正在展开。随着整个社会向互联网迁移,大规模监控计划也正在向全球部署。我们的文明已经来到一个十字路口。道路的一边通往一个承诺“弱者要隐私,强 者要透明”的未来,而另一边则通往一个极权的互联网,在那里,全人类的权力被转移给不受问责的间谍机构综合体及其跨国公司盟友。 密码朋克是一群倡导大规模使用强密码术以保护我们的基本自由免遭攻击的活动家。维基解密的......一起来看看 《密码朋克》 这本书的介绍吧!

在线进制转换器
在线进制转换器

各进制数互转换器

SHA 加密
SHA 加密

SHA 加密工具

HEX HSV 转换工具
HEX HSV 转换工具

HEX HSV 互换工具