工作中Flutter遇到的问题

最新推荐文章于 2024-09-05 15:50:31 发布

置顶 buttonXin

最新推荐文章于 2024-09-05 15:50:31 发布

阅读量384

点赞数

分类专栏： Flutter

本文链接：https://blog.csdn.net/ButtonXin/article/details/107057788

版权

Flutter 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

本文探讨了在Flutter中使用Bloc模式时遇到的常见问题，包括如何正确使用BlocProvider.of(context)解决context对象不匹配的问题，以及通过StreamController与StreamBuilder实现按钮倒计时功能的具体实践。

摘要由CSDN通过智能技术生成

在学习Flutter遇到的问题

在使用Bloc遇到的问题
- BlocProvider.of() called with a context that does not contain a Bloc of type .

是因为BlocProvider.of(context) 中context的对象不对，因为我是在State里面写的一个方法，所以context是State的context，而不是 BlocBuilder中builder（context ，state）的这个context对象；
所以需要将抽出来的方法传入这个BlocBuilder中的context，然后调用BlocProvider.of(context) 就没有问题了

bloc的使用

按钮倒计时
- 使用StreamController与StreamBuilder来进行创建

这是CountdownButtonBloc 
/// 倒计时工具类
class CountdownButtonBloc {
  StreamController<String> _controller = new StreamController();

  StreamSink get _streamSink => _controller.sink;

  Stream<String> get stream => _controller.stream;

  /// 判断当前事件是否结束，默认true是结束的。
  bool _isFinish = true;

  Timer _timer;

  void dispose() {
    _stopTimer();
    _controller.close();
  }

  /// 开始计时
  /// [totalTime] 倒计时的时间
  /// [initText] 初始显示的text
  void startCountdown(int totalTime, String initText) {
    if (!_isFinish) {
      return;
    }
    _streamSink.add("$totalTime s Resend");

    // 倒计时开始
    _timer = Timer.periodic(Duration(seconds: 1), (timer) {
      if (_controller.isClosed) {
        _stopTimer();
      }

      final event = totalTime - timer.tick;
      print("event----> $event");
      if (event <= 0) {
        _streamSink.add(initText);
        _stopTimer();
      } else {
        _streamSink.add("$event s Resend");
        _isFinish = false;
      }
    });
  }

  // 停止计时
  _stopTimer() {
    if (_timer != null) {
      _timer.cancel();
      _timer = null;
    }
    _isFinish = true;
  }

  // 计时是否结束
  bool isFinish() {
    return _isFinish;
  }
}

使用的时候，就可以直接创建并使用；

CountdownButtonBloc _countdownButtonBloc = CountdownButtonBloc();
  
Center(
        child: StreamBuilder(
          stream: _countdownButtonBloc.stream,
          builder: (context, snapShot) {
            return RaisedButton(
              onPressed: _countdownButtonBloc.isFinish()
                  ? () {
                _countdownButtonBloc.startCountdown(13, "send code");
                    }
                  : () {},
              textColor: Colors.red,
              disabledTextColor: Colors.red,
              child: Text(snapShot.data ?? "send code"),
            );
          },
        ),
      )

、、、  最后记得添加这行代码就行，
  @override
  void dispose() {
    _countdownButtonBloc.dispose();
    super.dispose();
  }