Refresh indicator without scrollview

Question

I know with a ListView or SingleChildScrollView RefreshIndicator just works natively but I want to use a RefreshIndicator on a page that doesn't scroll. Is this even possible and if so, how?

Answer 1

You must do the following:

• Use a SingleChildScrollView with the property physics set to AlwaysScrollableScrollPhysics().
• Make sure it's child has a height of the size of the screen, which you can get with MediaQuery.of(context).size.height.

The complete example:

classs MyWidget extends StatelessWidget {   @override   Widget build(BuildContext context) {     return RefreshIndicator(       onRefresh: () {},       child: SingleChildScrollView(         physics: AlwaysScrollableScrollPhysics(),         child: Container(           child: Center(             child: Text('Hello World'),           ),           height: MediaQuery.of(context).size.height,         ),       ),     );   } }