flutter怎么手动刷新_如何手动刷新或重新加载Flutter Firestore StreamBuilder？

I have this application that needs a pull to refresh functionality, so I placed the StreamBuilder Widget inside the RefreshIndicator Widget, but I don't know how to manually refresh the StreamBuilder when the onRefreshed event is triggered.

解决方案

Having the stream as a state variable and resetting on pull on refresh will solve the problem.

In below code, I am resetting the stream on button press. Hope that helps you.

import 'dart:async';

import 'package:flutter/material.dart';

void main() => runApp(new MyApp());

class MyApp extends StatefulWidget {

@override

State createState() {

return new _MyAppState();

}

class _MyAppState extends State {

var stream; // state variable

@override

void initState() {

super.initState();

stream = newStream(); // initial stream

}

Stream newStream() =>

Stream.periodic(Duration(seconds: 1), (i) => "$i");

@override

Widget build(BuildContext context) {

var streamBuilder = StreamBuilder(

initialData: "0",

stream: stream,

builder: (context, snapshot) {

return new Text(snapshot.data);

});

return MaterialApp(

title: 'Trial',

home: Scaffold(

appBar: AppBar(title: Text('Stream builder')),

body: Column(

children: [

streamBuilder,

FlatButton(

onPressed: () {

setState(() {

stream = newStream(); //refresh/reset the stream

});

child: Text("Reset"))

)));

}

flutter怎么手动刷新_如何手动刷新或重新加载Flutter Firestore StreamBuilder？相关推荐

【Flutter】Icons 组件 ( 加载 Flutter 内置的图标 | 材料设计图标完整展示 )
文章目录一.加载 Flutter 内置的图标三.完整代码示例三.相关资源四.Icons 图标参考 ( 超长截图 | 材料设计图标完整展示 ) 一.加载 Flutter 内置的图标 Flutte ...
android刷新时的圆形动画_Android自定义加载圈动画效果
本文实例为大家分享了Android自定义加载圈动画展示的具体代码,供大家参考,具体内容如下实现如下效果: 该效果图主要有3个动画: 1.旋转动画 2.聚合动画 3.扩散动画以上3个动画都是通过Va ...
TOMCAT/JS/CSS/JavaWeb/浏览器老是加载缓存/谷歌浏览器/微软浏览器/刷新键都按烂了/无法加载样式解决办法之一
禁用浏览器使用缓存. 按F12右键左上角的刷新键"清空缓存并硬性加载". CTRL+F5强制刷新样式引用更改写法加上时间等等方法还不行的话请留意过滤器如果过滤器有类似这种设 ...
android webview 刷新当前页面,Android WebView时重新加载导致页面刷新的问题
最近碰到一个需求,用WebView加载页面,选择了筛选条件之后,跳转到新的webVIew页面之后再返回,原来的筛选条件由于页面刷新导致已经清空,怎样才能解决返回的时候不去重新加载页面呢,网上很多答案是 ...
uniapp实现下拉刷新及上拉（分页）加载更多（app，H5，小程序均可使用）
开门见山地说,在移动端开发中,80%的项目都会涉及到列表展示,而有了列表不可避免的需求就是列表的下拉刷新和上拉加载更多.本篇文章主要介绍在使用uniapp开发移动端的过程中,比较好用的一个下拉及上拉组 ...
layui 如何动态加载局部页面_从输入URL到页面加载的过程？如何由一道题完善自己的前端知识体系！
前言见解有限,如有描述不当之处,请帮忙指出,如有错误,会及时修正. 为什么要梳理这篇文章? 最近恰好被问到这方面的问题,尝试整理后发现,这道题的覆盖面可以非常广,很适合作为一道承载知识体系的题目. ...
试简述smtp通信的三个阶段的过程_从输入URL到页面加载的过程？《转载》
这是我看过这个问题最完整/优质的回答了,转来分享知乎的排版不太好,可以浏览博客原文: http://gaoxiang.ga/index.php/archives/36/gaoxiang.ga 前言 ...
queueing 优化_简单聊聊网页的资源加载优化
移动开发中很重要的一块是资源的加载优化.移动开发由于网速低带宽,高延迟,移动设备小内存,低处理器性能的原因,因此很多时候不得不通过优化前端页面的性能来满足用户对网页加载的预期. 前段时间做了相关方面的 ...
关闭浏览器网页触发事件_浅析浏览器渲染和 script 加载
前言前端代码离不开浏览器环境,理解 js.css 代码如何在浏览器中工作是非常重要的. 如何优化渲染过程中的回流,重绘?script 脚本在页面中是怎么个加载顺序?了解这些对前端性能优化起着非常大的 ...
azure云数据库_从Azure Databricks将数据加载到Azure SQL数据库
azure云数据库 In this article, we will learn how we can load data into Azure SQL Database from Azure Dat ...

flutter怎么手动刷新_如何手动刷新或重新加载Flutter Firestore StreamBuilder？

flutter怎么手动刷新_如何手动刷新或重新加载Flutter Firestore StreamBuilder？相关推荐

最新文章

热门文章