Flutter Instagram Stories Tutorial

Published: 12 July 2020
on channel: Marcus Ng

43,712

1.3k

» Flutter courses, writeups, and source code on Launch Club 🧠
https://drp.li/Iq9Bk

» Flutter Job Board 👋
https://drp.li/T9bLq

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.

» Remember to like, subscribe, comment, and share this video! 🚨
https://www.youtube.com/MarcusNg?sub_...

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

» 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

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

» Music 🎶
JINXSPR0 - WaveRider [Bass Rebels Release] (   • JINXSPR0 - WaveRider [Bass Rebels] Fu...  )
https://www.bassrebels.co.uk/WaveRider
Joakim Karud (   / joakimkarud  )
#Flutter #FlutterUI #FlutterInstagram