选择正确的 Flutter 设计模式

Question

我创建了一个 Flutter 页面，其中包含大量输入。我认为这是一团糟，让我们重构它并为每个输入创建一个新的有状态小部件。

这很好，只是数据需要在父窗口小部件中，而且我很难理解如何将数据从新的子窗口小部件传回父窗口。

我发现了一些 hacky 方式，您可以在其中传递一个函数，并且每当发生更改时，您都会通过该函数将数据传递给父级。有效但现在有多个变量，一个在子级中，一个在父级中.

我已阅读有关 bloc 模式的信息，但我不确定这是否是我需要的。我只想要一个单例样式的对象，主小部件及其子部件都可以读取，并且在有新输入时子部件会更新。

有人能解释一下 bloc 模式是否可以帮助我解决这个问题，或者是否有另一种设计模式可以帮助我解决这个问题。

** 编辑

感谢大家的精彩回答。我的新问题与提供者模式/库有关。

我创建了一些状态类如下（我替换了内容以尽量保持简单）

class State1 with ChangeNotifier{

String _s;

  set s(String newS){
    _s = newS;
    notifyListeners();
  }

}

然后我使用 multiprovider 来传递它（在 init 中创建对象）

child: MultiProvider(
        providers: [
          ChangeNotifierProvider(builder: (context) => state1),
        ],
        child: Stack(
        alignment: Alignment.center,
        children: stackChildren,
      ),

然后使用

在子 Widegets 构建方法中访问它

 state1Var = Provider.of<State1>(context);

所有这一切都很好..

我的问题是当我开始使用导航推送时，我无法再访问该状态。

onPressed: (() {
          Navigator.push(
            contextField,
            MaterialPageRoute(builder: (context) => NewPage()),
          );
        }),

当我得到这个错误

Could not find the correct Provider<State1> above this NewPage Widget...

我确实设法使用它来获得它

  Navigator.push(
            context,
            MaterialPageRoute(builder: (context) => Consumer(builder: (),child: NewPage(),)),
          );

但是当我使用 navigator.pop() 弹出小部件时，无法使用状态，因为它说它已被处理。

对不起，如果我让这变得复杂了。我不得不删除很多代码。

Answer 1

你需要使用 stateManagement。

它存在 BLoC，但您也可以毫无问题地使用 Provider，它会解决您的问题。

这是 Diego Velasquez 写的关于 Widget Communication 的内容，可以解决您的问题。

但如果您需要更多信息，我会告诉您来自 Karthik Ponnam 的关于 State Management with Provider 的信息。

这将帮助您从Flutter Docs 中更多地了解状态管理是什么

Answer 2

我认为 BLoC 模式是由 Felix Angelov 开发的。它有许多可以帮助您的示例，并且使用起来非常简单，并且从颤振推荐这里是链接 https://github.com/felangel/bloc

Answer 3

如您所知，当我们有将随时间变化的数据以及我们希望 UI 何时更新时，就会使用 StatefulWidget。 StatefulWidget 可以更新数据和不更新数据以及重新渲染屏幕，但问题是它无法扩展到具有多个不同屏幕的大型应用程序。

使用 StatefulWidget，在应用程序内将数据从一个屏幕传递到另一个屏幕具有挑战性。 StatefulWidget 更像是展示如何在 Flutter 应用程序中传递状态的初学者方式。

对于生产级应用程序，有 BLOC 模式，这是在 Flutter 应用程序中管理状态的另一种方式。还有其他方法，但 Flutter 团队强烈推荐 BLOC 模式。他们相信这是最好的做事方式。需要明确的是，没有人有专业知识来告诉你该怎么做，但同样，Flutter 团队已经公开支持 BLOC 模式，对我来说，如果你遇到麻烦，这将意味着很好的支持因为很难理解。