1 hour long of parallax card scroll Tutorial in Flutter for iOS and Android apps.
Learn create a micro ui with Parallax Animation Effect on iOS and Android Apps by using Flutter and Gaussian Function.
📱Github Repo: https://github.com/KOSIDOCS/Parallax-...
Resources
🎨 Design: https://www.instagram.com/p/CQliAiMjX...
🎨 Burst Images: https://burst.shopify.com/
📱Flutter Framework: https://flutter.dev/
Learn Micro UI Design Implementation
🎨 Instagram Page: / kosidev
🎨 Subscribe To Youtube Channel: / @kosidev_show
Learn Flutter
📱 Flutter docs: https://docs.flutter.dev/get-started/...
📱 Instagram Page: / kosidev
📱 My Youtube channel Subscribe: / @kosidev_show
Follow Me
📸 Instagram: / kosidev
🐦Twitter: / kosidev
0:00 Intro&setup.
9:00 Create UI Folder & SlidingCardView Widget.
25:00 Running the app with dummy Containers.
26:00 Replace dummy containers, Create asset folder, Add images.
43:00 Add Card contents.
01:10:55 Add Parallax Effect on card Image and Text.
01:23:50 Add button and Price Text with Parallax animation Effect.
01:35:16 Add different contents to the cards and Fix last Image bug.
01:45:00 The End & Testing our UI on a live iOS device.