Flutter Responsive UI: WhatsApp Clone

Поделиться
HTML-код
  • Опубликовано: 24 янв 2025

Комментарии • 110

  • @vettiyankan
    @vettiyankan 3 года назад +27

    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
      @RivaanRanawat  3 года назад +6

      Thanks for suggesting the improvement 😄

    • @royalindo8700
      @royalindo8700 2 года назад +3

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

    • @kahanx10
      @kahanx10 2 года назад +1

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

    • @royalindo8700
      @royalindo8700 2 года назад +2

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

    • @arpandas5046
      @arpandas5046 2 года назад +1

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

  • @HermanPalmgren
    @HermanPalmgren 3 года назад +19

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

  • @habuwet
    @habuwet 3 года назад +7

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

    • @RivaanRanawat
      @RivaanRanawat  3 года назад +1

      Thank you so much Habu! Appreciate it😊

  • @programmingarmy
    @programmingarmy 3 года назад +2

    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
      @RivaanRanawat  3 года назад +1

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

    • @programmingarmy
      @programmingarmy 3 года назад

      @@RivaanRanawat ♥️♥️

  • @technicalguy.
    @technicalguy. Год назад +2

    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
      @RivaanRanawat  Год назад

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

  • @noursabrii181
    @noursabrii181 2 года назад +1

    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

  • @maherusman4134
    @maherusman4134 2 года назад +1

    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❤

  • @subratkishorerautaray3934
    @subratkishorerautaray3934 Год назад

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

  • @rifkiardiansyah616
    @rifkiardiansyah616 Год назад

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

  • @jaydobariya8
    @jaydobariya8 Год назад

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

  • @ledues3336
    @ledues3336 3 года назад

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

  • @nurmtv2983
    @nurmtv2983 2 года назад +5

    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
      @RivaanRanawat  2 года назад +1

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

  • @irfanhabib-k4k
    @irfanhabib-k4k Месяц назад

    I learned a lot from this video.

  • @PankajThakur-tc1dw
    @PankajThakur-tc1dw 2 года назад +3

    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..

  • @ashishen123
    @ashishen123 Год назад +1

    you explain things very well👏

  • @riturajtripathy8436
    @riturajtripathy8436 3 года назад

    Great Work Rivaan

  • @mnouman1552
    @mnouman1552 3 года назад +1

    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

  • @hamzashehzad7273
    @hamzashehzad7273 2 года назад

    Realy great work sir you are the legend

  • @juniorMr
    @juniorMr Год назад +1

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

  • @TECH2TORIALS
    @TECH2TORIALS 3 года назад +2

    Great tutorial!👌

  • @ley5800
    @ley5800 3 года назад +3

    very inspiring sir 🙏🙏

  • @althafaralijaffarali1803
    @althafaralijaffarali1803 3 года назад

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

  • @shariar13877
    @shariar13877 3 года назад +2

    Keep it up 💪

  • @aniketbajaj1750
    @aniketbajaj1750 Год назад

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

  • @Dave-1999
    @Dave-1999 2 года назад

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

    • @RivaanRanawat
      @RivaanRanawat  2 года назад +1

      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
      @Dave-1999 2 года назад

      Thank you sir

  • @vegaboy2003
    @vegaboy2003 Год назад

    Wow super tutorial ❤

  • @arpandas5046
    @arpandas5046 2 года назад

    Love your videos bro

  • @taimoorali818
    @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
      @fakhrulhaqqem6270 Год назад

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

  • @ghulammurtaza7959
    @ghulammurtaza7959 2 года назад +1

    Please make a full dart and flutter course 🙏🙏

    • @RivaanRanawat
      @RivaanRanawat  2 года назад +1

      That's already in the list😄

    • @SahilShaikh-gx4hl
      @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!

  • @jashwanthgowda4331
    @jashwanthgowda4331 2 года назад +1

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

    • @RivaanRanawat
      @RivaanRanawat  2 года назад +2

      Coming pretty soon🙂!

    • @fatihyilmazz
      @fatihyilmazz 2 года назад

      @@RivaanRanawat Thanks bro we will be waiting you.

  • @armangul2078
    @armangul2078 Год назад

    profile pics are not showing in circle avatar

  • @chekhanimlhadj4608
    @chekhanimlhadj4608 Год назад

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

  • @UnderDogStudioz799
    @UnderDogStudioz799 Год назад

    Very easy tutorial 😄

  • @JustMeItsMMN
    @JustMeItsMMN Год назад

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

  • @thazeroword646
    @thazeroword646 3 года назад +2

    Very nice tutorial plz getx full tutorial

  • @Joelpaulpaul-jt2eg
    @Joelpaulpaul-jt2eg 3 месяца назад

    the hint style isnt visible

  • @Manishkumar-wt9tf
    @Manishkumar-wt9tf Год назад

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

    • @RivaanRanawat
      @RivaanRanawat  Год назад

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

    • @Manishkumar-wt9tf
      @Manishkumar-wt9tf Год назад

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

  • @Ankur-zd4db
    @Ankur-zd4db 3 года назад

    Please make more projects Rivaan

  • @lovinghand7325
    @lovinghand7325 8 месяцев назад

    So can you do this on windows ?

  • @WhatAMoron-007
    @WhatAMoron-007 5 месяцев назад

    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?

  • @JustMeItsMMN
    @JustMeItsMMN Год назад

    thaaaaank you sooo much

  • @kj7767
    @kj7767 2 года назад

    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
      @RivaanRanawat  2 года назад

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

  • @jiren8991
    @jiren8991 2 года назад

    Thanks a lot

  • @trickswithandro749
    @trickswithandro749 2 года назад

    Great

  • @hamzashehzad7273
    @hamzashehzad7273 2 года назад

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

    • @RivaanRanawat
      @RivaanRanawat  2 года назад +1

      WhatsApp Clone (Backend) with Firebase is already live!

    • @hamzashehzad7273
      @hamzashehzad7273 2 года назад

      Thanks sir now I am seing

  • @murata.i7344
    @murata.i7344 2 года назад

    Nice bro

  • @ArjunAR06
    @ArjunAR06 2 года назад

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

    • @RivaanRanawat
      @RivaanRanawat  2 года назад

      Very Very soon 👀

    • @ArjunAR06
      @ArjunAR06 2 года назад

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

    • @RivaanRanawat
      @RivaanRanawat  2 года назад

      Haha, won't be a disappointment for sure!

    • @ArjunAR06
      @ArjunAR06 2 года назад

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

  • @cleanbold4967
    @cleanbold4967 Год назад

    ❤️❤️❤️💯💯💯

  • @dhiaaelhaktagzait7609
    @dhiaaelhaktagzait7609 2 года назад

    thx you bro

  • @sanjaysingh-kq8wg
    @sanjaysingh-kq8wg 11 месяцев назад

    we need a hindi version of it please

  • @breezycodes
    @breezycodes 3 года назад

    👏🏽👏🏽👏🏽👏🏽👏🏽

  • @nishangiri5857
    @nishangiri5857 Год назад

    COOL

  • @TikTokTrendsCompilation
    @TikTokTrendsCompilation 2 года назад

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

    • @RivaanRanawat
      @RivaanRanawat  2 года назад

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

    • @TikTokTrendsCompilation
      @TikTokTrendsCompilation 2 года назад

      @@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
      @RivaanRanawat  2 года назад +1

      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.

  • @Krishna-zf1yr
    @Krishna-zf1yr 7 месяцев назад

    24

  • @junaidjameel5049
    @junaidjameel5049 Год назад

    Great