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.

» 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!

» Resources 📁

Source Code: https://github.com/MarcusNg/flutter_i… ​

data.dart: https://github.com/MarcusNg/flutter_i… ​

cached_network_image package: https://pub.dev/packages/cached_netwo… ​

video_player package: https://pub.dev/packages/video_player

#flutter #instagram