码迷,mamicode.com
首页 > 其他好文 > 详细

RefreshIndicator

时间:2019-05-14 11:30:08      阅读:144      评论:0      收藏:0      [点我收藏+]

标签:page   less   home   port   work   test   示例   children   mat   

下拉刷新请使用:RefreshIndicator,挺简单,把内容放到child:属性,onRefresh:()async{await}这个无名函数是刷新的具体操作,是一个Future类型的函数。
一个具体的示例:
import ‘package:flutter/material.dart‘;

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

class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: HomePage(),
);
}
}

class HomePage extends StatefulWidget {
@override
_HomePageState createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: Text(‘RefreshIndicator‘),),
body: RefreshIndicator(
onRefresh: ()async{
await Future.delayed(Duration(seconds: 5));
},
child: ListView(
children: <Widget>[
Image.network(‘http://www.ecobentech.com/images/1.jpg‘,fit: BoxFit.cover,),
Image.network(‘http://www.ecobentech.com/images/2.jpg‘,fit: BoxFit.cover,),
Image.network(‘http://www.ecobentech.com/images/3.jpg‘,fit: BoxFit.cover,),
Image.network(‘http://www.ecobentech.com/images/4.jpg‘,fit: BoxFit.cover,),
],
),
),
);
}
}

RefreshIndicator

标签:page   less   home   port   work   test   示例   children   mat   

原文地址:https://www.cnblogs.com/braveheart007/p/10861007.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!