Animated Bouncing Dribbble Ball With Shadow In Flutter

Опубликовано: 20 Август 2021
на канале: FlutterShipp

1,673

Learn how to create a bouncing ball widget in flutter. The widget is basically a column with two children.
First child is bouncing widget.
Second child is shadow widget.

The bouncing widget has a child named as rotation widget.
The rotation widget is a transition widget and it has a child called ball widget.

The ball widget is basically an asset image file from the assets folder.

Source Code: https://github.com/irajeshh/FlutterShip

In this video, we are going to implement an animated bouncing ball widget which looks like the dribbble website's loading widget.

You can use this widget in your flutter apps as a loader widget.

Chapters:
0:00 Preview
0:04 Animation Controllers
0:13 Widgets
0:16 Bouncing Animation Widget
0:23 Rotation Animation Widget
0:27 Dribbble Ball Widget
0:35 Shadow Widget
0:44 Animating process

Questions Exactly Describing the Video:
flutter bouncing animation
flutter bouncing ball
bouncing widget flutter

Questions related to this video:
flutter rotation animation
flutter rotation transition
flutter rotation transition example
rotation in flutter
flutter rotate widget animation

Credits: dribbble.com

Softwares:
ScreenCopy: https://github.com/Genymobile/scrcpy
DeskPin: https://efotinis.neocities.org/deskpi...
PauseMe: https://github.com/peterbitfly/pause....
Browser: https://brave.com/download/
VsCode: https://code.visualstudio.com/
Video Editor: https://filmora.wondershare.com/

Websites:
Material Icons: https://fonts.google.com/icons
Pixabay: http://pixabay.com/
Unsplash: https://unsplash.com/

Devices:
Laptop: https://amzn.to/3dCBz8q
RAM: https://amzn.to/3yiZGkp
SSD: https://amzn.to/3hcmooE
Monitor: https://amzn.to/3yhdDiS
Mobile: https://amzn.to/2SJhfLo
Mobile 2: Vivo y11
Microphone: https://amzn.to/3x7bYLD
USB Mic Adaptor: https://amzn.to/3iPjnKO

Hashtags: #flutter #flutterShip #android #ios