Flutter Instagram Stories Tutorial

» Check out my Flutter courses 🧠
https://marcus-ng.com/

This Flutter tutorial will teach you how to build Instagram Stories’ viewer functionality to navigate between images, gifs, and videos automatically and by tapping. You’ll also learn how to create animated bars that fill based on the duration of the content.

» Resources 📁
Source Code: https://github.com/MarcusNg/fl....utter_instagram_stor
data.dart: https://github.com/MarcusNg/fl....utter_instagram_stor/blob/master/lib/data.dart
cached_network_image package: https://pub.dev/packages/cached_network_image
video_player package: https://pub.dev/packages/video_player

» Timestamps 🕒
00:00 Introduction
01:12 Step 1 - User and Story Models
02:12 Step 2 - Display Content
04:38 Step 3 - Tap Gestures
05:56 Step 4 - Animated Bars
09:37 Step 5 - User Info
10:23 Thanks for watching!

» Remember to like, subscribe, share this video, and star the repo on Github ⭐
https://www.youtube.com/Marcus....Ng?sub_confirmation=

» Studying for coding interviews? 📚
https://algoexpert.io/marcus
Use promo code “marcus” for a discount!

» Socials📱
GitHub: https://github.com/MarcusNg
Twitter: https://twitter.com/MarcusLNg

» Music 🎶
JINXSPR0 - WaveRider [Bass Rebels Release] (https://youtu.be/LW2u6DqSh5A)
https://www.bassrebels.co.uk/WaveRider
Joakim Karud (https://www.youtube.com/user/JoakimKarud)
#Flutter #FlutterUI #FlutterInstagram