0:00 / 0:00
Flutter Chat App UI Design tutorial | Speed Code
Tony David
3.2K subscribers • 1 video on Hallway
- Recommended by 2 people: 2 in engineering communities.
- Presented by Tony David
- Linked in the descriptiontonydavidx/chattie-ui-design
Beginner. No background in the topic needed.
21K views5 years ago2 recommendations
Mobile developmentFlutter and React Native
Tony David demonstrates how to design a chat application user interface in Flutter using TabBar, ListView, and other widgets.
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: github.com/tonydavidx/chattie-ui-design/tree/Project_Start 🚀 Completed Project Source Code: github.com/tonydavidx/chattie-ui-design ___________________________ ⏱ Time Stamp: Intro Tab Bar and TabBar View Recent Chats All chats Chat Room 🎨 Design Credit dribbble.com/arinasdd ___________________________ 🎵 Music Credit Isolation by envy soundcloud.com/nocopyrightlofi/ Solitude by Prod. Riddiman x oldboy soundcloud.com/nocopyrightlofi/ Chill Lofi Hiphop - 'Blue boi' by LAKEY INSPIRED soundcloud.com/LAKEYINSPIRED ____________________________ 👉 Recommended Laptops for Flutter Development: - HP Pavilion 15 Ryzen 5 amzn.to/3FqwxIF - Lenovo IdeaPad Slim 5 11th Gen amzn.to/30aS2Nm - ASUS VivoBook 14 (2021) amzn.to/2YyNI9W - ASUS ZenBook 14 (2020) amzn.to/3AjHVSM - Apple Mac Mini with Apple M1 Chip amzn.to/3oZ8gUj #Flutter #Dart #ui #programming