Flutter 状态管理 | StreamBuild 局部刷新的效果Flutter局部刷新
Posted sangwl
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Flutter 状态管理 | StreamBuild 局部刷新的效果Flutter局部刷新相关的知识,希望对你有一定的参考价值。
ui页面是经常要改内容的 但是如果用setState方法去刷新 每次都会重新 Build构造一遍 会造成app卡顿 资源占用高,所以可以使用StreamBuild 去订阅 刷新需要刷新的那个UI部件 就不用重构一遍整个页面,除了StreamBuild以外 还有很多种方式 如谷歌的亲儿子Provider ,以及第三方的Bloc ,个人觉得 bloc 使用起来比较复杂,本人喜欢StreamBuild这一种,当然 bloc 也是可以和StreamBuild组合使用的,但是小项目没有必要 比较适合大型项目进行状态的管理
import ‘dart:async‘; import ‘package:flutter/material.dart‘; class StreamBuilderPage extends StatefulWidget { @override __StreamBuilderPageState createState() => _StreamBuilderPageState(); } class _StreamBuilderPageState extends State<StreamBuilderPage> { String _str = "我会变哦"; //步骤1:初始化一个StreamController<可以是 int string... 一般是model> final StreamController<String> _streamController = StreamController<String>(); @override void dispose(){ //步骤2.关流,不管流会消耗资源,同时会引起内存泄漏 _streamController.close(); super.dispose(); } @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text(‘Stream version of the ——str App‘)), body: Center( //步骤3.使用StreamBuilder构造器 child: StreamBuilder<String>( // 监听Stream,每次值改变的时候,更新Text中的内容 stream: _streamController.stream, initialData: _str, builder: (BuildContext context, AsyncSnapshot<int> snapshot){ return Text(‘点击的时候这个值会改变: ${snapshot.data}‘); } ), ), floatingActionButton: FloatingActionButton( child: const Icon(Icons.add), onPressed: (){ // 点击按钮,更改_str 的值,同时通过Sink将它发送给Stream; // 注入一个值时,会引起StreamBuilder的监听,StreamBuilder重建并刷新_str //步骤4.往StreamBuilder里添加流,数据变了,就用通知小部件 _str = "喝喝喝"; _streamController.sink.add(_str); }, ), ); } }
另外 需要了解Stream的更多使用方法 可以参考这位博主的博客 https://www.jianshu.com/p/846abf65cd9b
以上是关于Flutter 状态管理 | StreamBuild 局部刷新的效果Flutter局部刷新的主要内容,如果未能解决你的问题,请参考以下文章