Flutter + Source Generation:神奇小部件的诞生[第2部分]

上面显示了第一个文本字段的代码。 基本上,其文本取决于控件txtField1Input 。 当我们按下按钮时,将在button_two.dart中更改此控件。
然后,我们在此处测试输入的文本,如果它是“禁用”,则禁用按钮一,否则,如果它是“启用”,则启用按钮一。 我正在展示如何同时使用changeUIElements一次更改多个控件。

我没有使用StreamBuilder来包装文本字段,因为它的状态取决于与其他小部件的交互作用不会引起任何变化。 而且,如果您注意到我使用magicValue变量来引用流的当前值,则仅当我们首先构建窗口小部件以使其具有默认值(如原始枚举所声明的“ Magic”)时,此功能才有用。

现在,如果我们运行该应用程序,并且如预期的那样,我们将看到以下屏幕:

您可以看到一切都如预期。 每个小部件都具有我们在原始枚举中指定的默认值。

默认情况下,第一个按钮是启用的。 第二个禁用,并且其文本等于第二个文本字段的内容,即“ Magic”。

第一个文本字段为空,并且按预期方式,第二个文本字段默认为“ Magic”。

现在,如果您一直实施代码,请尝试在设备或仿真器上使用这些小部件,并查看交互是否如预期的那样。

查看下面的GIF,以查看这些互动的实际效果。

我希望本文能为您提供有关神奇的小部件包可以做什么的想法。 现在,只需一个简单的枚举即可轻松操作UI小部件并管理其状态。

枚举中控件的数量取决于应用程序的复杂性,但是您应该添加任意数量的控件,例如,不要在两个方面都使用一个控件,毕竟您不是自己编写代码的。

您可以实现的交互类型实际上是无限的,这取决于您要包括哪些控件以及如何使用它们。

最后,我想说的是,这个程序包为我节省了很多时间来开发我的应用程序,它也可以节省您的时间。 而且,如果您没有看到第一篇文章,请返回并检查最后一段,以查看一个简单的枚举可以在实际应用中为您提供多少。

如果您错过了第一部分,可以在这里阅读:

颤振+源产生
Magical Widget medium.com 的诞生 Flutter社区(@FlutterComm)| 推特
Flutter社区(@FlutterComm)的最新推文。 跟随以获取来自… twitter.com 的新文章和软件包的通知