Тёмный

Flutter Responsive UI: WhatsApp Clone 

Rivaan Ranawat
Подписаться 56 тыс.
Просмотров 57 тыс.
50% 1

Опубликовано:

 

12 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 108   
@vettiyankan
@vettiyankan 2 года назад
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 2 года назад
Thanks for suggesting the improvement 😄
@royalindo8700
@royalindo8700 2 года назад
ya when resize the web screen it gonna give that overflow thing if using sizedbox.
@kahanx10
@kahanx10 2 года назад
There's even no need to create a custom row for the header here, I would prefer an app bar instead.
@royalindo8700
@royalindo8700 2 года назад
@@kahanx10 yep yep, it will create the back button automatically, include the function too
@arpandas5046
@arpandas5046 2 года назад
I wished I had seen your comment earlier spent a lot of time experimenting
@HermanPalmgren
@HermanPalmgren 2 года назад
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
@RivaanRanawat 2 года назад
Thank you!
@habuwet
@habuwet 2 года назад
Thanks Rivaan, I'm a Flutter newbie. Your video is very helpful. I will always support you 👍🔥
@RivaanRanawat
@RivaanRanawat 2 года назад
Thank you so much Habu! Appreciate it😊
@programmingarmy
@programmingarmy 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 2 года назад
Thank you so much for your kind words! Really means a lot to me😄
@programmingarmy
@programmingarmy 2 года назад
@@RivaanRanawat ♥️♥️
@technicalguy.
@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
@RivaanRanawat Год назад
Thank you so much! Hope you find some value from the Flutter course as well!
@noursabrii181
@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
@RivaanRanawat Год назад
Great to hear, thanks! More to come
@maherusman4134
@maherusman4134 2 года назад
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
@RivaanRanawat Год назад
Thank you so much Maher!
@nurmtv2983
@nurmtv2983 2 года назад
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 года назад
Thank you! In my recent videos, I have increased the font size.
@subratkishorerautaray3934
@subratkishorerautaray3934 Год назад
Bro...the trick you find for responsive design is really great...keep it up...
@RivaanRanawat
@RivaanRanawat Год назад
Thanks Subrat!
@jaydobariya8
@jaydobariya8 10 месяцев назад
improving myself in flutter with the help of your videos thank you so much for creating such a amazing content...
@ledues3336
@ledues3336 2 года назад
Damn man you have to pay close attention to notice it’s not really Whatsapp, really nice job!
@RivaanRanawat
@RivaanRanawat 2 года назад
Thank you!
@rifkiardiansyah616
@rifkiardiansyah616 10 месяцев назад
thank you so much for attaching the source code so that we can learn more!!! youre the real Hero, mad respect!
@RivaanRanawat
@RivaanRanawat 10 месяцев назад
My pleasure!
@riturajtripathy8436
@riturajtripathy8436 2 года назад
Great Work Rivaan
@RivaanRanawat
@RivaanRanawat 2 года назад
Thank you so much Rituraj!
@TECH2TORIALS
@TECH2TORIALS 2 года назад
Great tutorial!👌
@ley5800
@ley5800 2 года назад
very inspiring sir 🙏🙏
@PankajThakur-tc1dw
@PankajThakur-tc1dw 2 года назад
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
@RivaanRanawat 2 года назад
Coming soon 👀
@shariar13877
@shariar13877 2 года назад
Keep it up 💪
@RivaanRanawat
@RivaanRanawat 2 года назад
Thank you!
@ashishen123
@ashishen123 Год назад
you explain things very well👏
@hamzashehzad7273
@hamzashehzad7273 Год назад
Realy great work sir you are the legend
@RivaanRanawat
@RivaanRanawat Год назад
Thanks Hamza!
@althafaralijaffarali1803
@althafaralijaffarali1803 2 года назад
Awesome bro 👌. Bro make more videos on desktop apps.
@RivaanRanawat
@RivaanRanawat 2 года назад
Sure 👍
@arpandas5046
@arpandas5046 2 года назад
Love your videos bro
@RivaanRanawat
@RivaanRanawat 2 года назад
Thanks Arpan!
@juniorMr
@juniorMr Год назад
Amazing bro . Please could you make a a ecomerce video with payment ?
@UnderDogStudioz799
@UnderDogStudioz799 8 месяцев назад
Very easy tutorial 😄
@RivaanRanawat
@RivaanRanawat 7 месяцев назад
Glad you think so!
@vegaboy2003
@vegaboy2003 9 месяцев назад
Wow super tutorial ❤
@RivaanRanawat
@RivaanRanawat 9 месяцев назад
Thank you!
@jashwanthgowda4331
@jashwanthgowda4331 2 года назад
Thanks, Rivaan!! Can you add a backend for this app? it will be more usefull.
@RivaanRanawat
@RivaanRanawat 2 года назад
Coming pretty soon🙂!
@fatihyilmazz
@fatihyilmazz 2 года назад
@@RivaanRanawat Thanks bro we will be waiting you.
@JustMeItsMMN
@JustMeItsMMN 9 месяцев назад
thaaaaank you sooo much
@mnouman1552
@mnouman1552 2 года назад
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
@narenderkumar-dg5if 2 года назад
hi buddy do mainAxisSize to min for the row
@thazeroword646
@thazeroword646 2 года назад
Very nice tutorial plz getx full tutorial
@RivaanRanawat
@RivaanRanawat 2 года назад
Sure, in my To-Do List!
@jiren8991
@jiren8991 2 года назад
Thanks a lot
@ghulammurtaza7959
@ghulammurtaza7959 2 года назад
Please make a full dart and flutter course 🙏🙏
@RivaanRanawat
@RivaanRanawat 2 года назад
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!
@trickswithandro749
@trickswithandro749 Год назад
Great
@RivaanRanawat
@RivaanRanawat Год назад
Thank you!
@JustMeItsMMN
@JustMeItsMMN 9 месяцев назад
if the profile images doesn't show up, just change the 2nd and 3rd images and try again
@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
@nishangiri5857
@nishangiri5857 11 месяцев назад
COOL
@armangul2078
@armangul2078 Год назад
profile pics are not showing in circle avatar
@lovinghand7325
@lovinghand7325 3 месяца назад
So can you do this on windows ?
@SamamaAli-kq9mr
@SamamaAli-kq9mr 17 дней назад
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?
@kj7767
@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
@RivaanRanawat Год назад
Thanks for the suggestion, much appreciated! I'll take care of that next time onwards
@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
@Ankur-zd4db
@Ankur-zd4db 2 года назад
Please make more projects Rivaan
@RivaanRanawat
@RivaanRanawat 2 года назад
More to come, stay tuned!😉
@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 года назад
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
@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?
@fakhrulhaqqem6270
@fakhrulhaqqem6270 Год назад
because of width bro
@murata.i7344
@murata.i7344 2 года назад
Nice bro
@RivaanRanawat
@RivaanRanawat 2 года назад
Thank you!
@dhiaaelhaktagzait7609
@dhiaaelhaktagzait7609 Год назад
thx you bro
@RivaanRanawat
@RivaanRanawat Год назад
Pleasure!
@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..🤣
@hamzashehzad7273
@hamzashehzad7273 Год назад
Sir plz make a project by using firebase it will help us as a beginner and working with complex data
@RivaanRanawat
@RivaanRanawat Год назад
WhatsApp Clone (Backend) with Firebase is already live!
@hamzashehzad7273
@hamzashehzad7273 Год назад
Thanks sir now I am seing
@breezycodes
@breezycodes 2 года назад
👏🏽👏🏽👏🏽👏🏽👏🏽
@RivaanRanawat
@RivaanRanawat 2 года назад
Thank you so much!
@sanjaysingh-kq8wg
@sanjaysingh-kq8wg 6 месяцев назад
we need a hindi version of it please
@cleanbold4967
@cleanbold4967 Год назад
❤️❤️❤️💯💯💯
@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 😁😁
@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 года назад
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 2 месяца назад
24
@junaidjameel5049
@junaidjameel5049 Год назад
Great
Далее
🖥📱RESPONSIVE DESIGN • Flutter Tutorial
8:03
Просмотров 284 тыс.
ДЖЕФ  ЕЩЕ ПОМОГАЕТ!
09:37
Просмотров 365 тыс.
Вопрос Ребром - Булкин
59:32
Просмотров 1,1 млн
Top 35 Flutter Widgets
29:29
Просмотров 324 тыс.
Cursor Is Beating VS Code (...by forking it)
18:00
Просмотров 93 тыс.
Flutter Chat UI Tutorial | Apps From Scratch
1:03:58
Просмотров 578 тыс.
Flutter Fully Responsive Design for Web, Tab and Mobile
26:12
ДЖЕФ  ЕЩЕ ПОМОГАЕТ!
09:37
Просмотров 365 тыс.