Flutter Netflix Clone Responsive UI Tutorial | Web and Mobile

Опубликовано: 22 Август 2020
на канале: Marcus Ng

93,440

3.4k

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

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

Learn how to build Netflix’s beautiful, responsive user interface for mobile and web using Flutter. You'll learn how to create reusable and responsive widgets that change their appearance and size based on the current screen size. You’ll also learn how to integrate a video player using the video player package into the web version of our app.

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

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

» Resources 📁
Starter Project: https://github.com/MarcusNg/flutter_n...
Complete Source Code: https://github.com/MarcusNg/flutter_n...

» Timestamps 🕒
0:00:00 Introduction
0:01:06 Download Starter Project
0:01:31 Starter Project Code
0:03:55 main.dart + Home Screen
0:05:16 Custom App Bar
0:09:34 App Bar Button
0:11:16 Fade App Bar
0:15:18 Content Header
0:19:39 Vertical Icon Button
0:23:20 Previews
0:30:32 Content List
0:36:15 Bottom Navigation Bar
0:40:32 Maintain Scroll Positions
0:43:00 App Bar Cubit
0:49:57 Launch Web
0:50:41 Responsive Widget
0:53:02 Responsive Bottom Navigation Bar
0:54:24 Responsive Custom App Bar
0:58:17 Responsive Content Header
1:07:25 Video Player
1:11:44 Conclusion

» Music 🎶
Creator Credit: Jarico - Landscape (  / landscape  )
   • Video
Joakim Karud (   / joakimkarud  )
#Flutter #FlutterUI #FlutterNetflix

Смотрите видео Flutter Netflix Clone Responsive UI Tutorial | Web and Mobile онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Marcus Ng 22 Август 2020, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 93,440 раз и оно понравилось 3.4 тысяч людям.

121

00:00:00