Flutter Chat App UI Design tutorial | Speed Code

Veröffentlicht am: 11 Februar 2021
auf dem Kanal: 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

Auf dieser Seite können Sie das Online-Video Flutter Chat App UI Design tutorial | Speed Code mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Tony David 11 Februar 2021 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 20,016 Mal angesehen und es wurde von 414 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

8,412