WhatsApp UI Flutter (Hindi)

Channel:
Subscribers:
543,000
Published on ● Video Link: https://www.youtube.com/watch?v=ELW-xf76yFY



Duration: 2:03:29
20,631 views
555


WhatsApp UI #Flutter
00:00:00 WhatsApp UI Project Demo
00:03:14 Creating Flutter Application Project
00:04:06 Selecting Emulator
00:04:36 Run Default Flutter Application
00:05:42 Modifying Default Application
00:07:00 Material App Title
00:07:08 Change Theme Data Primary Color and Accent Color
00:08:00 Creating Home Page and MyHomePage Class
00:11:21 Remove Debug Mode Banner
00:12:14 Creating Tabs using Tab Widget and TabBar Widget
00:15:55 Tab Controller
00:16:40 Overriding initstate Method
00:22:02 IconButton Widget
00:25:10 TabBarView Widget
00:28:18 Creating Chat Page and ChatPage Class
00:30:58 Creating Chat Model
00:36:29 ListView Builder Widget
00:37:35 Retrieving Chat Data or User Data
00:43:12 Using Images
00:48:46 onTap Function
00:49:47 Navigator push
00:50:51 Creating Chat Detail Page and ChatDetailPage Class
00:52:30 Showing Chat Detail
01:00:42 TextFormField Widget
01:03:10 Decorating TextFormField
01:08:40 Showing Messages
01:09:06 Creating Message Page and MessagePage Class
01:10:40 Bubble Package
01:11:43 Installing Bubble Package
01:12:44 Creating bubble messages Using Bubble Package
01:22:54 Start Chat Message from Bottom
01:23:20 SchedulerBinding
01:23:51 addPostFrameCallback Method
01:24:36 ScrollController
01:27:16 Creating Call Page and CallPage Class
01:29:35 Creating Call Model and CallModel Class
01:32:00 Showing Call Logs
01:41:30 Creating Status Page and StatusPage Class
01:43:34 Creating Status Model and StatusModel Class
01:45:30 Showing Status
01:55:31 Chat Floating Action Button on Chat Screen
01:59:37 Camera Floating Action Button on Status Screen
01:59:45 Call Floating Action Button on Call Screen
02:01:37 Project Completed Final Demo

Flutter Playlist https://www.youtube.com/playlist?list=PLbGui_ZYuhigGm0Z_EXE1Breg2SF1gSn7

Source Code: https://github.com/geekyshow1/whatsappclone_flutter

Install Android Studio and Create Android Emulator: https://youtu.be/QbhnKW13WkM

Download and Install Git: https://youtu.be/gTcm41mjRtU
Dart Complete Course: https://youtu.be/R2sRhDq7qKk

Learn more about subject:
http://www.geekyshows.com/

________________________________________________

If you found this video valuable, give it a like.
If you know someone who needs to see it, share it.
If you have questions ask below in comment section.
Add it to a playlist if you want to watch it later.
________________________________________________

T A L K W I T H M E !
Business Email: contact@geekyshows.com
Facebook: https://www.facebook.com/GeekyShow
Twitter: https://twitter.com/Geekyshow1
Website: http://www.geekyshows.com/
_______________________________________________

Make sure you LIKE, SUBSCRIBE, COMMENT, and REQUEST A VIDEO! :)
_______________________________________________







Tags:
flutter
whatsapp clone app
whatsapp clone
flutter whatsapp
flutter whatsapp clone
how to make whatsapp clone
whatsapp clone ios
Make a WhatsApp clone App using Flutter
Design Whats App
Flutter in Hindi
geekyshows flutter
dart
flutter tutorial
google flutter
flutter developers