Animated Pull to Refresh in Flutter | Flutter Animation

Learn how to level up your apps by adding an animated pull to refresh.
Making user experience super interactive.

Speed Code -

Socials

Chapters

00:00 Intro
00:27 Get Animation
00:51 Adding Assets
01:07 Custom Refresh Indicator
01:29 Offset to Armed Property
02:01 Indicator Controller
02:31 Builder Method
02:50 Adding Animation
03:10 Transforming List View

#flutter #rive #animation #flutterdev

[omjogani]

which vscode theme are you using in this video?

[VivekKumar-bssi]

Make video on sliver appbar in detail and also custom tab and there category in one single list for eg zomato

[trongnhannguyenle]

Why do I follow the instructions but only a white screen?
void main() {
runApp(MaterialApp(
home: const MainApp(),
));
}

class MainApp extends StatefulWidget {
const MainApp({Key? key}) : super(key: key);

@override
State<MainApp> createState() => _MainAppState();
}

class _MainAppState extends State<MainApp> {
final _offsetToArmed = 220.0;
@override
Widget build(BuildContext context) {
return Scaffold(
body: CustomRefreshIndicator(
child: ListView.builder(
itemCount: 5,
itemBuilder: (BuildContext context, int index) {
return Padding(
padding: 20, vertical: 10),
child: ClipRRect(
borderRadius: BorderRadius.circular(10),
child: Container(
height: 300,
color: Colors.deepPurple[300],
),
),
);
}),
onRefresh: () => Future.delayed(const Duration(seconds: 3)),
offsetToArmed: _offsetToArmed,
builder: (context, child, controller) => AnimatedBuilder(
animation: controller,
child: child,
builder: (context, child) {
return Stack(
children: <Widget>[
SizedBox(
width: double.infinity,
height: _offsetToArmed * controller.value,
child: Lottie.asset("assets/load.json")),

],
);
})));
}
}