» 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

It's only been a couple of weeks but it's never too early to reminisce these top points from the #WTTCupFinals 😍💬

#WTTSingapore #WTT #TableTennis

Download the new WTT app and follow us on social media for a full 360 update on all things WTT!

App Store: https://apps.apple.com/app/wor....ld-table-tennis-app/
Play Store: https://play.google.com/store/....apps/details?id=com.

©WTT

All content is the copyright of the World Table Tennis. Images may not be reproduced without prior approval from the WTT.

WTT Cup Finals Singapore, PingPong, Tischtennis, Bordtennis, tenisdemesa, tennisdetable, 乒乓球, 桌球, 卓球, 탁구, настольныйтеннис