代码之家 › 专栏 › 技术社区 › Newaj

如何在颤振中产生气流

flutter-streambuilder flutter

Newaj · 技术社区 · 3 年前

我正在用颤动流做一些实验。我有一个生成流的类 int 。这是课程:

class CounterRepository {
  int _counter = 123;

  void increment() {
    _counter++;
  }

  void decrement() {
    _counter--;
  }

  Stream<int> watchCounter() async* {
    yield _counter;
  }
}

我期待随着的变化 _counter , watchCounter() 将生成更新的 counter 价值当我打电话时 increment() 或 decrement() 从UI来看,似乎的值 柜台 正在发生变化,但是 watchCounter 不产生更新的 柜台 价值如何更新产量 柜台 这里的值?我正在使用 StreamBuilder 从UI获取流式数据。

1 回复 | 直到 3 年前

anirudh 3 年前

您已经创建了 streams 使用-

Stream<int> watchCounter() async* {
    yield _counter;
}

但是,为了反映流的变化,您需要接收这些流事件。您可以使用 StreamController

创建流

Future<void> main() async {
  var stream = watchCounter();
}

使用该流

stream.listen

通过调用侦听函数订阅流并提供它当有新的值可用时,可以调用一个函数。
stream.listen((value) {   
print('Value from controller: $value');
}); 

除了您的特定问题之外,还有许多其他方法可以控制和管理流 .listen 将完成这项工作。

Bobby 2 年前

你错过了一个无限while循环,它是一个手动流。

Stream<dynamic> watchCounter() async* {
   while (true) {
      // you can change it to 5 seconds or higher
      await Future.delayed(const Duration(seconds: 1));
      yield _counter;
   }
}

然后你只需要打电话给listen:

watchCounter().listen((value) {
  // hear can be empty if you want.
});

你可以把它放在你的init状态下运行,请不要把它放进你的小部件构建中。

这应该很好用

推荐文章

mana · 如何通过单击底部导航项之一打开模态?

1 年前

Niiko · Flutter无状态和有状态小部件问题[已关闭]

1 年前

IMemon · 如何在flutter中将customWidget放置在表日历中?

1 年前

carlosManta · 在Flutter中堆叠两个容器

1 年前

Idoudi Azer · 地理定位和谷歌地图

1 年前

GMSTUDIO.DEV · 为什么我的andrind SDK插件没有Tools插件?

1 年前

SbE · Flutter条形图在每个条形图的顶部显示编号值

1 年前

Devid jons · 如何在flutter中创建条形图?

1 年前

Tristan King · 在父页中获取Auto_Route嵌套的AutoRouter()的路由堆栈,并在其更改时使用Hook/Riverpod重建

1 年前

Mehmet Özkan · Dart将映射列表转换为JSON[重复]

1 年前