作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试使用Provider Flutter。我的目标很简单:我想使用StreamProvider
每秒发出一个新整数并打印该整数。我对以任何其他方式实现此目标都不感兴趣,因为我想专门学习如何使用StreamProvider
。
问题在于,即使每隔一秒钟就打印一个新值,也不会清除先前的状态,因此数字会相互叠加。
我该如何解决?
源代码和屏幕截图:
import 'package:provider/provider.dart';
import 'package:spellcharger/theme/dark.dart';
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
Stream<int> timedCounter(Duration interval, [int maxCount]) async* {
int i = 0;
while (true) {
await Future.delayed(interval);
yield i++;
if (i == maxCount) break;
}
}
@override
Widget build(BuildContext context) {
return StreamProvider.value(
value: timedCounter(new Duration(seconds: 1), 2000),
initialData: 0,
child: MaterialApp(
debugShowCheckedModeBanner: false,
title: 'Flutter Demo',
theme: darkTheme,
home: CounterWrapper() // LoginScreen(title: 'SpellCharger'),
),
);
}
}
class CounterWrapper extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Consumer<int>(
builder: (_, a, child) {
// THIS IS REPAINTING BUT NOT CLEARING THE PREVIOUS PAINT
return Text(a.toString());
}
);
}
}
最佳答案
关于flutter - Flutter Provider正在重新粉刷,但未清除最新的粉刷,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61174332/
我是一名优秀的程序员,十分优秀!