Flutter Responsive UI: WhatsApp Clone

[@vettiyankan]

38:59 you can use a Spacer() widget (or Expanded() widget could work) instead of that Sizedbox() with a specified size. Also at 54:50 .

[@RivaanRanawat]

Thanks for suggesting the improvement 😄

[@royalindo8700]

ya when resize the web screen it gonna give that overflow thing if using sizedbox.

[@kahanx10]

There's even no need to create a custom row for the header here, I would prefer an app bar instead.

[@royalindo8700]

@@kahanx10 yep yep, it will create the back button automatically, include the function too

[@arpandas5046]

I wished I had seen your comment earlier spent a lot of time experimenting

[@HermanPalmgren]

I have been making some programming videos myself, and I must say that your language, tone and video style is so clear. Great video!

[@RivaanRanawat]

Thank you!

[@habuwet]

Thanks Rivaan, I'm a Flutter newbie. Your video is very helpful. I will always support you 👍🔥

[@RivaanRanawat]

Thank you so much Habu! Appreciate it😊

[@programmingarmy]

im a follower from Egypt , to be honest u r one of the best content makers i have ever seen , keep going man , and thank u for yr time and effort

[@RivaanRanawat]

Thank you so much for your kind words! Really means a lot to me😄

[@programmingarmy]

@@RivaanRanawat ♥️♥️

[@technicalguy.]

Don't know bro if you'll read this, or not but seriously thanks a ton for your efforts, i recently learnt dart from your course & you taught it incredibly amazing, Just here to say thanks for your efforts ❤

[@RivaanRanawat]

Thank you so much! Hope you find some value from the Flutter course as well!

[@maherusman4134]

Amazing work bro...I just explored your channel and couldn't hold myself from subscribing it.....you are doing great, best wishes for your Coding journey❤

[@RivaanRanawat]

Thank you so much Maher!

[@noursabrii181]

one of the best programming tutorial I've ever watched through all these yeas from learning and working with programming, great job really keep on doing a lot more

[@RivaanRanawat]

Great to hear, thanks! More to come

[@jaydobariya8]

improving myself in flutter with the help of your videos thank you so much for creating such a amazing content...

[@nurmtv2983]

Bro I HAVE ADVICE FOR YOU!!! PLEASE MAKE YOUR EDITOR FONTS A LITTLE BIGGER PLEASE! Anyway I'm very grateful for your amazing lessons

[@RivaanRanawat]

Thank you! In my recent videos, I have increased the font size.

[@subratkishorerautaray3934]

Bro...the trick you find for responsive design is really great...keep it up...

[@RivaanRanawat]

Thanks Subrat!

[@rifkiardiansyah616]

thank you so much for attaching the source code so that we can learn more!!! youre the real Hero, mad respect!

[@RivaanRanawat]

My pleasure!

[@ledues3336]

Damn man you have to pay close attention to notice it’s not really Whatsapp, really nice job!

[@RivaanRanawat]

Thank you!

[@PankajThakur-tc1dw]

Bro I have been watching your TikTok Clone video that's so awesome. Could you please make the full app for WhatsApp also..? using firebase..

[@RivaanRanawat]

Coming soon 👀

[@ashishen123]

you explain things very well👏

[@mnouman1552]

After using suffixicon:Padding(), the inputbox doesn't show the hinttext and also doesn't able to write anything either.Why?You can see at 1:26:36

[@narenderkumar-dg5if]

hi buddy do mainAxisSize to min for the row

[@ley5800]

very inspiring sir 🙏🙏

[@juniorMr]

Amazing bro . Please could you make a a ecomerce video with payment ?

[@riturajtripathy8436]

Great Work Rivaan

[@RivaanRanawat]

Thank you so much Rituraj!

[@jashwanthgowda4331]

Thanks, Rivaan!! Can you add a backend for this app? it will be more usefull.

[@RivaanRanawat]

Coming pretty soon🙂!

[@fatihyilmazz]

@@RivaanRanawat Thanks bro we will be waiting you.

[@hamzashehzad7273]

Realy great work sir you are the legend

[@RivaanRanawat]

Thanks Hamza!

[@TECH2TORIALS]

Great tutorial!👌

[@ghulammurtaza7959]

Please make a full dart and flutter course 🙏🙏

[@RivaanRanawat]

That's already in the list😄

[@SahilShaikh-gx4hl]

@@RivaanRanawat Actually I'm not able t make it out from the playlist it'll be o helpful for me if you directly provide the link to a playlist. Please!

[@althafaralijaffarali1803]

Awesome bro 👌. Bro make more videos on desktop apps.

[@RivaanRanawat]

Sure 👍

[@chekhanimlhadj4608]

Great course! I copied your code, but when I rotate the simulator, it shows the web screen instead. Could you please explain why?

[@fakhrulhaqqem6270]

because of width bro

[@taimoorali818]

When we click on contacts in web, it should only change the widget but it navigates to the next screen just like in mobile. How to implement that feature?

[@fakhrulhaqqem6270]

yep, I want it to be display on the chat container but not on the next page For the Web Respnsive

[@SamamaAli-kq9mr]

So Rivaan after almost three years, is there a better way to make responsive UI where you dont have to make multiple screens and code?

[@Dave-1999]

hi witch shortcut key do you use to wrap whit padding time lap 22:10 pleas help

[@RivaanRanawat]

I use Ctrl+Shift+R but I think I had changed it in the past. To know how you can do it on your system, right click on the widget and see the shortcut key it gives for Refactor.

[@Dave-1999]

Thank you sir

[@aniketbajaj1750]

hey my chats are not showing i dont know why , i have checked my code its correctly written , can u please help me

[@kj7767]

Thank you very much, and it would be much easier if you show us the widget you intend to create , instead of explain it verbally.

[@RivaanRanawat]

Thanks for the suggestion, much appreciated! I'll take care of that next time onwards

[@shariar13877]

Keep it up 💪

[@RivaanRanawat]

Thank you!

[@arpandas5046]

Love your videos bro

[@RivaanRanawat]

Thanks Arpan!

[@JustMeItsMMN]

if the profile images doesn't show up, just change the 2nd and 3rd images and try again

[@armangul2078]

profile pics are not showing in circle avatar

[@vegaboy2003]

Wow super tutorial ❤

[@RivaanRanawat]

Thank you!

[@JustMeItsMMN]

thaaaaank you sooo much

[@Joelpaulpaul-jt2eg]

the hint style isnt visible

[@thazeroword646]

Very nice tutorial plz getx full tutorial

[@RivaanRanawat]

Sure, in my To-Do List!

[@UnderDogStudioz799]

Very easy tutorial 😄

[@RivaanRanawat]

Glad you think so!

[@lovinghand7325]

So can you do this on windows ?

[@Manishkumar-wt9tf]

one thing which i finded hard to learn is displaying chat list,,little more confusing for me

[@RivaanRanawat]

Sure, what did you find confusing in it? I'll try explaining it again here.

[@Manishkumar-wt9tf]

@@RivaanRanawat it's hard not impossible sir..🤣

[@hamzashehzad7273]

Sir plz make a project by using firebase it will help us as a beginner and working with complex data

[@RivaanRanawat]

WhatsApp Clone (Backend) with Firebase is already live!

[@hamzashehzad7273]

Thanks sir now I am seing

[@Ankur-zd4db]

Please make more projects Rivaan

[@RivaanRanawat]

More to come, stay tuned!😉

[@jiren8991]

Thanks a lot

[@trickswithandro749]

Great

[@RivaanRanawat]

Thank you!

[@ArjunAR06]

Bro, are you making whatsapp with flutter and firebase?. please do full version of whatsapp with flutter and firebase

[@RivaanRanawat]

Very Very soon 👀

[@ArjunAR06]

@@RivaanRanawat This is all that I've been expecting 😃😃😃

[@RivaanRanawat]

Haha, won't be a disappointment for sure!

[@ArjunAR06]

@@RivaanRanawat I don't have words to appreciate your work 😁😁

[@cleanbold4967]

❤️❤️❤️💯💯💯

[@breezycodes]

👏🏽👏🏽👏🏽👏🏽👏🏽

[@RivaanRanawat]

Thank you so much!

[@TikTokTrendsCompilation]

Can you make a tutorial with complete functionality firebase of this whatsapp clone?

[@RivaanRanawat]

Already in the todo list! But do you want the messaging feature with Firebase? I was thinking about Node & Socket.io.

[@TikTokTrendsCompilation]

@@RivaanRanawat hm... I actually have a flutter project that i coded in spring boot & socket.io, but got lots of bugs. So was thinking to transition to firebase for a chat app. I dont mind if you make a tutorial in nodejs and socket.io. What do you think is better and why?

[@RivaanRanawat]

Firebase and Flutter are great with each other. However, Firebase has multiple limitations whereas Sockets let you customize much more. There are several tutorials already on the net teaching Firebase & Flutter Chatting. I don't see many tutorials using Socket.io. I think that would be beneficial.

[@dhiaaelhaktagzait7609]

thx you bro

[@RivaanRanawat]

Pleasure!

[@murata.i7344]

Nice bro

[@RivaanRanawat]

Thank you!

[@sanjaysingh-kq8wg]

we need a hindi version of it please

[@nishangiri5857]

COOL

[@Krishna-zf1yr]

24

[@junaidjameel5049]

Great