Flutter Chat App UI Design tutorial | Speed Code

Опубликовано: 11 Февраль 2021
на канале: Tony David

20,016

414

Learn how to design a chat app ui in flutter. i create two pages Chat home page and conversation page.

🔽 Widgets covered in this tutorial
TabBar
TabBar Controller
TabBar View
Floating Action Button
ListView.Builder
_____________________________
👩‍💻 Project Start Code:
https://github.com/tonydavidx/chattie...

🚀 Completed Project Source Code:
https://github.com/tonydavidx/chattie...
___________________________
⏱ Time Stamp:
0:00 Intro
0:12 Tab Bar and TabBar View
10:24 Recent Chats
19:31 All chats
27:18 Chat Room

🎨 Design Credit
https://dribbble.com/arinasdd
___________________________
🎵 Music Credit
Isolation by envy
  / nocopyrightlofi
Solitude by Prod. Riddiman x oldboy
  / nocopyrightlofi
Chill Lofi Hiphop - 'Blue boi' by LAKEY INSPIRED
  / lakeyinspired
____________________________

👉 Recommended Laptops for Flutter Development:
HP Pavilion 15 Ryzen 5 https://amzn.to/3FqwxIF
Lenovo IdeaPad Slim 5 11th Gen https://amzn.to/30aS2Nm
ASUS VivoBook 14 (2021) https://amzn.to/2YyNI9W
ASUS ZenBook 14 (2020) https://amzn.to/3AjHVSM
Apple Mac Mini with Apple M1 Chip https://amzn.to/3oZ8gUj

#Flutter #Dart #ui #programming

На этой странице сайта вы можете посмотреть видео онлайн Flutter Chat App UI Design tutorial | Speed Code длительностью часов минут секунд в хорошем качестве, которое загрузил пользователь Tony David 11 Февраль 2021, поделитесь ссылкой с друзьями и знакомыми, на youtube это видео уже посмотрели 20,016 раз и оно понравилось 414 зрителям. Приятного просмотра!