BLoCemit不更新UI中的状态
创始人
2024-12-22 20:00:12
0

要正确地更新UI中的状态,您需要仔细检查以下几个方面:

  1. 确保您的BLoC层正在在状态更改时使用emit方法发出事件。如果您忘记发出事件,则不会更新UI。
  2. 确保您的BLoC层中有一个相应的流(Stream)并且正确地获得了新状态。如果没有流(Stream),则emit不会更新任何内容。
  3. 确保您的UI层已订阅了该流(Stream)。如果未正确订阅,则不会更新UI。
  4. 确保您的UI层使用setState()方法更新状态。如果您忘记更新状态,则不会反映任何变化。

以下是一个示例代码,在这个示例中,我们有一个Counter BLoC并尝试在触摸按钮时更新UI:

class CounterBloc extends Bloc {
  int counter = 0;

  @override
  CounterState get initialState => CounterInitial();

  @override
  Stream mapEventToState(
    CounterEvent event,
  ) async* {
    if (event is IncrementEvent) {
      counter++;
      yield CounterLoaded(counter: counter);
    }
  }
}

class CounterScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Counter Demo'),
      ),
      body: BlocBuilder(
        builder: (context, state) {
          if (state is CounterLoaded) {
            return Center(
              child: Column(
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  Text(
                    '${state.counter}',
                    style: TextStyle(fontSize: 50),
                  ),
                  RaisedButton(
                    onPressed: () {
                      BlocProvider.of(context).add(IncrementEvent());
                    },
                    child: Text(
                      'Increment',
                    ),
                  ),
                ],
              ),
            );
          } else {
            return Center(
              child: CircularProgressIndicator(),
            );
          }
        },
      ),
    );
  }
}

在这个示例中,Counter BLoC会在用户点击按钮时发出IncrementEvent事件,我们会使用emit方法将状态更改通知UI层。同时,UI层接收到事件时会调用setState()方法触发更新:

class CounterLoaded extends CounterState {
  final int counter;

  CounterLoaded({this.counter});

  @override
  List get props => [counter];
}

...
  
@override
                
            
            
            

相关内容

热门资讯

透视app“哈糖大菠萝攻略”透... 透视app“哈糖大菠萝攻略”透视辅助机制(果然是真的有挂)1、起透看视 哈糖大菠萝攻略透明视辅助2、...
透视插件!德普之星透视辅助软件... 透视插件!德普之星透视辅助软件是真的吗,(德普之星)真是真的是有挂,微扑克教程(有挂插件);1、德普...
透视游戏“德州透视插件”透视辅... 透视游戏“德州透视插件”透视辅助软件(一贯是真的有挂);1、操作简单,无需注册,只需要使用手机进行登...
透视app!德扑圈有透视吗,德... 透视app!德扑圈有透视吗,德普辅助软件,可靠教程(有挂黑科技);1、在德扑圈有透视吗ai机器人技巧...
透视数据“uupoker透视”... 透视数据“uupoker透视”透视辅助安装(切实有挂)1)uupoker透视辅助挂:进一步探索uup...
透视挂!德普之星app安卓版破... 透视挂!德普之星app安卓版破解版,(德普之星)其实真的有挂,攻略教程(有挂介绍);1、操作简单,无...
透视安卓版“newpoker脚... 透视安卓版“newpoker脚本”透视辅助下载(真是真的有挂);1、金币登录送、破产送、升级送、活动...
透视计算“德州透视脚本”透视辅... 透视计算“德州透视脚本”透视辅助app(果然有挂)1、每一步都需要思考,不同水平的挑战会更加具有挑战...
透视透视!德普之星辅助器怎么用... 透视透视!德普之星辅助器怎么用,德扑圈有透视吗,必赢教程(有挂教程);亲,关键说明,德普之星辅助器怎...
透视有挂“德州辅助工具到底怎么... 透视有挂“德州辅助工具到底怎么样”透视辅助挂(切实有挂)1、金币登录送、破产送、升级送、活动送。详细...