Flutter Widget | 09 | Refresh Indicator

Here is the video tutorial

Code

 main.dart

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {

@override

Widget build(BuildContext context) {

return MaterialApp(

debugShowCheckedModeBanner: false,

title: 'Flutter Demo',

theme: ThemeData(

primaryColor: Color(0xFF832685),

primaryColorLight: Color(0xFFC81379),

accentColor: Colors.black,

),

home: MyHomePage(),

);

}

}

class MyHomePage extends StatefulWidget {

@override

_MyHomePageState createState() => _MyHomePageState();

}

class _MyHomePageState extends State<MyHomePage> {

String title = 'Refresh Indicator';

Future<Null> refreshList() async {

await Future.delayed(Duration(seconds: 1));

}

@override

Widget build(BuildContext context) {

return Scaffold(

appBar: AppBar(

title: Text(title),

centerTitle: true,

),

body: RefreshIndicator(

onRefresh: refreshList,

backgroundColor: Colors.purple,

color: Colors.white,

child: ListView.builder(

itemCount: 50,

itemBuilder: (context, i) {

return Container(

padding: EdgeInsets.all(16.0),

child: Text("Number $i"),

);

}),

));

}

}