海南 网站 建设,电子商务网站提供的主要功能有,wordpress 每页 关高,淘宝客网站开发平台Stream 就是事件流或者管道#xff0c;是基于事件流驱动设计代码#xff0c;然后监听订阅事件#xff0c;并针对事件变换处理响应。
Stream 分单订阅流和广播流,单订阅流在发送完成事件之前只允许设置一个监听器#xff0c;并且只有在流上设置监听器后才开始产生事件…Stream 就是事件流或者管道是基于事件流驱动设计代码然后监听订阅事件并针对事件变换处理响应。
Stream 分单订阅流和广播流,单订阅流在发送完成事件之前只允许设置一个监听器并且只有在流上设置监听器后才开始产生事件取消监听器后将停止发送事件.
核心使用代码为 本页面实现 Demo 效果如下 程序入口
main() {runApp(MaterialApp(//不显示 debug标签debugShowCheckedModeBanner: false,//显示的首页面home: DemoStreamBuilder(),));
}
DemoStreamBuilder 主页面 ///代码清单
class DemoStreamBuilder extends StatefulWidget {override_DemoStreamBuilderState createState() _DemoStreamBuilderState();
}class _DemoStreamBuilderState extends StateDemoStreamBuilder {int _count 0;//流Stream 控制器StreamControllerint _streamController StreamController();overridevoid dispose() {//销毁_streamController.close();super.dispose();}overrideWidget build(BuildContext context) {//return Scaffold(floatingActionButton: FloatingActionButton(child: Icon(Icons.add),onPressed: () {_count;//发送消息_streamController.add(_count);},),appBar: AppBar(title: Text(StreamBuilder),),body: Container(padding: EdgeInsets.all(30),child: Column(children: [//接收消息StreamBuilderint(//初始值initialData: _count,//绑定Streamstream: _streamController.stream,builder: (BuildContext context, AsyncSnapshotint snapshot) {return Text(测试使用 ${snapshot.data});},),Text(测试使用),Text(测试使用),],),),);}
}Flutter StatefulBuilder 用来实现局部数据刷新
1 作用描述 用来实现局部数据刷新的功能官网描述如下
A platonic widget that both has state and calls a closure to obtain its child widget. 一个柏拉图式的小部件它既有状态又调用一个闭包来获取它的子小部件。The StateSetter function passed to the builder is used to invoke a rebuild instead of a typical State’s State.setState.传递给构建器的StateSetter函数用于调用重构而不是典型的State的State. setstate。Since the builder is re-invoked when the StateSetter is called, any variables that represents state should be kept outside the builder function.由于在调用StateSetter时将重新调用构建器所以表示状态的任何变量都应该保留在构建器函数之外。
2 基本使用核心代码
class DemoStatefulBuilderPage extends StatelessWidget {overrideWidget build(BuildContext context) {return Scaffold(//状态构建器body: buildStatefulBuilder(),);}
}
int _count 0;StatefulBuilder buildStatefulBuilder() {return StatefulBuilder(//构建状态改变的Widgetbuilder: (BuildContext context, void Function(void Function()) setState) {//居中return Center(//手势识别child: GestureDetector(child: Text(早起的年轻人 $_count),//单击事件onTap: () {//刷新当前 StatefulBuilder 中的状态setState(() {_count;});},),);},);} Flutter 实现局部刷新
当widget需要进行刷新时我们可以通过调用widget的setState方法来实现setState随后会调用State的build方法来进行重建
//请求刷新setState((){});#StateT extends StatefulWidgetoverrideWidget build(BuildContext context) {//构建新的Widgetreturn new Text(_text);}
那么如果 我们能将 build方法中的 return new Text(_text) 暴漏出去我们就可以实现通用的 局部刷新 Widget。
实现方案 1. 接口回调将return new Text(_text);暴露出去 用typedef function实现
//定义函数别名typedef BuildWidget Widget Function();
将函数别名 BuildWidget 作为参数传递到State.build方法即可
完整代码
import package:flutter/material.dart;//封装 通用局部刷新工具类
//定义函数别名
typedef BuildWidget Widget Function();class PartRefreshWidget extends StatefulWidget {PartRefreshWidget(Key key, this._child): super(key: key);BuildWidget _child;overrideStateStatefulWidget createState() {return PartRefreshWidgetState(_child);}}class PartRefreshWidgetState extends StatePartRefreshWidget {BuildWidget child;PartRefreshWidgetState(this.child);overrideWidget build(BuildContext context) {return child.call();}void update() {print(update);setState(() {});}}
使用
import package:flutter/material.dart;import PartRefreshWidget.dart;class GlobalKeyDemo extends StatefulWidget {override_GlobalKeyDemoState createState() _GlobalKeyDemoState();
}class _GlobalKeyDemoState extends StateGlobalKeyDemo {int _count 0;//使用1 创建GlobalKeyGlobalKeyPartRefreshWidgetState globalKey new GlobalKey();overrideWidget build(BuildContext context) {print(----------------build);return Scaffold(appBar: AppBar(title: Text(inheritedWidget),),body: Center(child: Column(mainAxisAlignment: MainAxisAlignment.center,children: Widget[//使用2 创建通用局部刷新widgetPartRefreshWidget(globalKey, () {///创建需要局部刷新的widgetreturn Text(变化的$_count,style: TextStyle(color: Colors.green),);}),Text(不变的: $_count),RaisedButton(onPressed: () {//点击_count;//使用3调用刷新方法globalKey.currentState.update();},),],),));}
}
效果如下图所示
