├── README.md └── lib └── homepage.dart /README.md: -------------------------------------------------------------------------------- 1 | # pull_to_refresh_fancy 2 | 3 | A fancy refreshing widget to make your application UI looks more fancy at the time of the refreshing ❤️🧑‍🎓. 4 | 5 | The name of the widget is below 🤖 6 | 7 | 👇 8 | 9 | 10 | # liquid_pull_to_refresh 11 | 12 | 13 | Go through the widget and play with the properties 👨‍💻🤞 14 | 15 | 16 | 17 | https://user-images.githubusercontent.com/105273927/181345249-4bb7cd25-c7e8-402a-aea4-fdcb9d950150.mp4 18 | 19 | -------------------------------------------------------------------------------- /lib/homepage.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | import 'package:liquid_pull_to_refresh/liquid_pull_to_refresh.dart'; 3 | 4 | class HomePage extends StatelessWidget { 5 | const HomePage({Key? key}) : super(key: key); 6 | Future _handleRefresh() async { 7 | //here for realoading of data will take 2 sec of time 8 | return await Future.delayed(const Duration(seconds: 2)); 9 | } 10 | 11 | @override 12 | Widget build(BuildContext context) { 13 | return Scaffold( 14 | body: LiquidPullToRefresh( 15 | onRefresh: _handleRefresh, 16 | animSpeedFactor: 2, 17 | height: 250, 18 | showChildOpacityTransition: true, 19 | backgroundColor: Colors.yellow, 20 | child: ListView( 21 | children: [ 22 | Padding( 23 | padding: const EdgeInsets.all(25), 24 | child: ClipRRect( 25 | borderRadius: BorderRadius.circular(15), 26 | child: Container( 27 | height: 250, 28 | color: Colors.lightBlue, 29 | child: const Padding( 30 | padding: EdgeInsets.all(100.0), 31 | child: Text( 32 | "Just A Simple ", 33 | style: 34 | TextStyle(fontSize: 25, fontWeight: FontWeight.bold), 35 | textAlign: TextAlign.center, 36 | ), 37 | ), 38 | ), 39 | ), 40 | ), 41 | Padding( 42 | padding: const EdgeInsets.all(25), 43 | child: ClipRRect( 44 | borderRadius: BorderRadius.circular(15), 45 | child: Container( 46 | height: 250, 47 | color: Colors.lightBlue, 48 | child: const Padding( 49 | padding: EdgeInsets.all(100.0), 50 | child: Text( 51 | " Fancy ", 52 | style: 53 | TextStyle(fontSize: 25, fontWeight: FontWeight.bold), 54 | textAlign: TextAlign.center, 55 | ), 56 | ), 57 | ), 58 | ), 59 | ), 60 | Padding( 61 | padding: const EdgeInsets.all(25), 62 | child: ClipRRect( 63 | borderRadius: BorderRadius.circular(15), 64 | child: Container( 65 | height: 250, 66 | color: Colors.lightBlue, 67 | child: const Padding( 68 | padding: EdgeInsets.all(80.0), 69 | child: Text( 70 | "Refreshing Style 👨‍💻", 71 | style: 72 | TextStyle(fontSize: 25, fontWeight: FontWeight.bold), 73 | textAlign: TextAlign.center, 74 | ), 75 | ), 76 | ), 77 | ), 78 | ), 79 | ], 80 | ), 81 | ), 82 | ); 83 | } 84 | } 85 | --------------------------------------------------------------------------------