文章目录
- 1. 概念介绍
- 2. 使用方法
- 2.1 StreamController
- 2.2 StreamBuilder
- 3. 示例代码
我们在上一章回中介绍了管理Stream事件流相关的内容,本章回中将介绍如何使用Stream事件流输入输出数据 。闲话休提,言归正传,让我们一起Talk Flutter吧。
1. 概念介绍
我们在上一章回中看到了Stream中的事件流可以自带数据,事件被监听到后可以从监听方法的onData属性中获取到事件流中的数据,有没有其它的方法可以在事件流中
输入输出数据?有。本章回中将介绍如何通过Stream事件流输入输出数据。
2. 使用方法
有两种方法可以通过Stream事件流输入输出数据,一种是使用StreamController对象,另外一种是使用StreamBuilder组件。接下来我们分别介绍它们。
2.1 StreamController
- 创建StreamController类型的对象,并且初始化该对象;
- 使用StreamController对象的add()方法向事件流中添加数据;
- 监听StreamController对象中的stream事件流,在onData方法中获取数据;
- 关闭StreamController对象中的数据流;
总结:该方法通过StreamController对象的add()方法向事件流中添加数据,然后在监听方法中通过onData属性输出数据。
2.2 StreamBuilder
使用StreamBuilder组件也可以通过Stream事件流输入输出数据:该组件通过提供一个stream类型的属性用来接收stream事件流,然后创建一个用来接收数据的组
件,它会自动监听stream中的数据,并且更新组件中的数据,这点非常适用。这是该组件的完整工作过程,下面介绍该组件中相关的属性:
- stream属性:用来接收stream事件流,并且自动监听该事件流中的事件;
- builder属性:主要用来创建一个接收数据的组件,它是方法类型,可以从方法中的第二个参数获取数据;
- initialData属性:主要用来控制接收数据组件中数据的初始值;
总结:该方法通过stream属性输入数据,然后把数据输出到builder属性生成的组件上,如果输入数据有变化,它会自动更新组件上输出的数据。
3. 示例代码
//使用streamController在stream中输入输入数据,先初始化它
_streamController = StreamController<String>();
//向stream中添加数据,这里的事件是简单的字符串当作数据使用,复杂点的可以做成方法返回string
_streamController.add("event one1");
_streamController.add("event one2");
_streamController.add("event one3");
//添加封装的方法到事件流中
_streamController.add(_eventFunc());
//监听事件流并且获取事件流中的数据,
_streamController.stream.listen(
_onData,
onError: _onError,
onDone: _onDone,
);
//使用StreamBuilder获取数据
StreamBuilder(
initialData: "default",
stream: _streamController.stream,
builder: (context,dataSource){
return Text('${dataSource.data}');
},
),
关于上面的代码需要做一些补充说明:使用StreamController对象的add()方法向事件流中添加数据时要保证被添加的数据类型与StreamController类中泛型的
类型一致,比如上面代码中二者的类型都是String.代码中listen()方法中的三个参数没有详细列出来,它们和上一章回中同名的方法相同;使用StreamBuilder组
件的builder属性生成的组件可以是任意的组件,代码中简单起见使用Text组件。StreamBuilder组件可以自动更新组件中输出的数据,这点非常的实用。
我们在这里就不演示程序的运行结果了,建议大家自己动手去实践,此外,这里只列出了核心的代码,完整的代码可以参考github上ex034文件。
看官们,关于"使用Stream事件流输入输出数据"相关的内容就介绍到这里,欢迎大家在评论区交流与讨论!