sir how to use local notifications when receive events from pusher channel if app is open or closed it must show notifications because it is a chatting app. kindly elaborate or make a video on it I really need help as I am stuck in my project
I have been searching on how to do responsive layouts in Flutter for AGES and they have been all really hard to follow. This sir is Clear, Simple and so easy to follow and understand. Best tutorial out there. Thank you so much and you have just earn yourself a new subscriber 🙂
@@CodeXdev Hey me again, I was wonder if you can help me with an issue I have. I just followed your tutorial again (been out of coding for a while), everything is word or word but for some reason when I rotate it to Landscape is still showing the mobile layout. Sometimes when I rotate the device I can see the change for a split second but by the time it rotates the Landscape its still the mobile view. Is there a reason why this might be happening?
How will I make all my pages responsive in a flutter app? Should I implement the responsive layout code in every pages or will it inherit the responsive layout from its parent(main.dart)?
show we put inside an if else I don't know just a variable instead of the whole UI ?, because we can make the UI react based on the given mode we are in
Hi! Hope you are fine! First that all thanks for this tutorial, i have a quesiton. This method works to any screen size? I practice layouts in Flutter and my main problem are overflows when i change screen to a smaller screen.
with the latest update of flutter now comes with null safety, how can I get around this "The return type 'Widget?' isn't a 'Widget', as required by the closure's context." when returning the mobile or tab in the ResponsiveWidget class ?
How to make widgets size correct on multiple screen? For example, I have a container which is 72x72 (width x height). It is correct on certain screen but it is large on small screen. I want it's like dp or sp in Android native. How do I deal with this?
can we make the layout as a root and to get whole app follow the condition that we check with constraints?. or do we have to check for every single screen?
Hi sir, I faced a real issue which is solved by this video. But I have one more question that can we use single one code for both tab and mobile and how ?
Hi afzal i made a clock app by following your tutorial but the alarm sound is not repetitive and the alarm notification is not showing in full screen mode just like a phone call screen. I searched alot on internet but found nothing plz help
Hello Harsh, currently the implementation of clock app is like that only. Its not the Native clock app which can show over entire screen. It just gives notification. I really doubt if we can make exact clock app like the inbuilt.
@@CodeXdev like how whatsapp implemented there phone call feature in which they show there phone calls notification on full screen even when the device is locked?
@@CodeXdev Widget build(BuildContext context) { var screenSize = MediaQuery.of(context).size; return WillPopScope( onWillPop: _onWillPop, child: Scaffold( backgroundColor: Constant.BLACK_COLOR, appBar: AppBar( centerTitle: true, this is my code need to make font responsive in tab , what i found is fontSize: Constant.FONT_SIZE_20*screenSize.width/430, id ont know how to apply your forma
Indeed, but that is automatically done.. what if we want to control how many element show go in next line. Or may be I want to reduce the size of some widget.
Responsiveness is achieved in multiple ways, sometime conditional layout, sometime different size of same layout or sometime by scaling up and down.. So its very broad term, the idea is to utilize available screen and show content in better way
0:00 - Introduction
1:00 - Page Setup
1:30 - Example and Agenda
3:05 - LayoutBuilder
7:45 - Responsive Widget
BRo why dont you say "ASSALAM U ALKUM " in the start of your video??? please be a better muslim and spread islamic values
Straight to the point, clear and concise. Organized and not wasting anyones time. Great quality video. 💯💯💯💯💯
I like applause in the end😅. Make me smile😂
One of the best tutorials of Layout Builders on YT, Thank you for such a simple & meaningful explanation, Stay Blessed & JazakAllah!!!
Best Flutter Channel
Very clear explanation and good show of clean code methodology. Thank you!
Such an easy method with an outstanding explanation! No need for any external plugins as well. I definitely recommend. Thank you!
Thanks! Great Tutorial..
finally, a worthy tutorial 😍😍😍
Thank you for the feedback :) Have you checked REST API tutorials, thats also very well made.
Awesome👏
Thanks for everythink my brother.This will help to me.
You just solved one of my biggest problems.
Can you make a video about background work using the foreground service?
Wonderful clean and concise example with understandable compact code. Thank you!
Good tutorial simple and easy to understand. Thank you
The solution is so clear that I had to subscribe 👍
perfect way to optimize code .. thank you for such a nice explanation
Nice video,, easily understandable.
Glad to hear that
Outstanding presentation, very easy to follow, thank you!
A smart approach and easy to learn also. thanks, bro.
sir how to use local notifications when receive events from pusher channel if app is open or closed it must show notifications because it is a chatting app. kindly elaborate or make a video on it I really need help as I am stuck in my project
superb
👍👍👍
Thank you. It’s a simple but meaningful
Time saver, thank you
is this better than using media queries?
Thank you so much . love you
I have been searching on how to do responsive layouts in Flutter for AGES and they have been all really hard to follow. This sir is Clear, Simple and so easy to follow and understand. Best tutorial out there. Thank you so much and you have just earn yourself a new subscriber 🙂
Thank you for sub! I m glad that it helped you in some way ❤️
@@CodeXdev Hey me again, I was wonder if you can help me with an issue I have. I just followed your tutorial again (been out of coding for a while), everything is word or word but for some reason when I rotate it to Landscape is still showing the mobile layout. Sometimes when I rotate the device I can see the change for a split second but by the time it rotates the Landscape its still the mobile view. Is there a reason why this might be happening?
Great!
Great
very nice
Thank you, this is very nice tutorial😍
Can you provide getx + hive db tutorial in next video, please.
Which software is used to mobile view
thank you for this tutorial , best possible explanation.
Glad it was helpful!
Wonderful
Hi, ap VS code pir third party Emmulator kaisy use kr rahai hain . plz guid me
How will I make all my pages responsive in a flutter app? Should I implement the responsive layout code in every pages or will it inherit the responsive layout from its parent(main.dart)?
Nice
I want more videos for responsive design. Please consider my request.
show we put inside an if else I don't know just a variable instead of the whole UI ?, because we can make the UI react based on the given mode we are in
Windows/Linux: Put your cursor on the widget name and press Ctrl+Alt+M to extract it as a method or "Ctrl+Alt+W to extract it as a widget.
Hi! Hope you are fine! First that all thanks for this tutorial, i have a quesiton.
This method works to any screen size? I practice layouts in Flutter and my main problem are overflows when i change screen to a smaller screen.
Yes, this trick works on all screen size.. you just have to target set of sizes and define layout for that.
@@CodeXdev perfect! the images and texts would also adapt automatically?
Not really, that also you can keep per form factor! Size->20 for Phone, 22 for Tab and 24 for desktop... make sure you only apply wherever its needed.
@@CodeXdev ohhh god! I will try it! THANKS SO MUCH! HAPPY VALENTINE'S DAY!
Sir, can you please tell me how to use post api using getx.
Sure 😊
Please please please getx tutorial
I can't build big project with it
👍😍
with the latest update of flutter now comes with null safety, how can I get around this "The return type 'Widget?' isn't a 'Widget', as required by the closure's context." when returning the mobile or tab in the ResponsiveWidget class ?
ua-cam.com/video/Q_WloMNKOkU/v-deo.html
You should watch this one video 📸
How to make widgets size correct on multiple screen? For example, I have a container which is 72x72 (width x height). It is correct on certain screen but it is large on small screen. I want it's like dp or sp in Android native. How do I deal with this?
Hi afzal. Thanks for this video. Can you make a video on complex form with Getx
Hello Aabid, what exactly you mean with complex form? UI or input form?
@@CodeXdev can you make video on input forms with radio buttons, checkbox?
can we make the layout as a root and to get whole app follow the condition that we check with constraints?. or do we have to check for every single screen?
Actually every single screen and every component has to change based on the condition, so its ideal to put the check on individual item.
Thank you @@CodeXdev
Thanks for all video and afford your giving 🖤
Dio vs http and what why when
Hi sir, I faced a real issue which is solved by this video. But I have one more question that can we use single one code for both tab and mobile and how ?
please how to display image on web build with flutter
bhai please ye btaa do ki flutter ke liye intern ya as an entry level job ke liye kitna chaiye..and how to find opportunity? please..help
awesome intro, this video was really useful, keep it up :)
Bro can u do a tutorial on Web Scraping using pupperteen library.
What is the pupperteen library?
How does its code work without the main function? In addition, the responsive is automatic in this video, it's not my case
perfect
i was watching this in the office and the sound of clapping at the end just shocked me
we have one more story now for this clap sound.. hahaha many have experienced the same 😉
Hi afzal i made a clock app by following your tutorial but the alarm sound is not repetitive and the alarm notification is not showing in full screen mode just like a phone call screen. I searched alot on internet but found nothing plz help
Hello Harsh, currently the implementation of clock app is like that only. Its not the Native clock app which can show over entire screen. It just gives notification.
I really doubt if we can make exact clock app like the inbuilt.
@@CodeXdev is there any way to make an app like this?
@@CodeXdev like how whatsapp implemented there phone call feature in which they show there phone calls notification on full screen even when the device is locked?
Thats phone call feature, both Android and iOS provide callkit with all the actions and interface
What about the fonts and paddings
That also needs to be handled separately, in this video I focused only on layout change
I'm typing same code getting error. How it's running to you .
😜 thats magic 🪄 kidding, tell us whats the issue for u?
@@CodeXdev Widget build(BuildContext context) {
var screenSize = MediaQuery.of(context).size;
return WillPopScope(
onWillPop: _onWillPop,
child: Scaffold(
backgroundColor: Constant.BLACK_COLOR,
appBar: AppBar(
centerTitle: true,
this is my code need to make font responsive in tab , what i found is fontSize: Constant.FONT_SIZE_20*screenSize.width/430, id ont know how to apply your forma
you didn’t mentioned what is the issue?
@@CodeXdev how to apply your method for this
@@CodeXdev this code is working , but want to make tablet font size bigger
BRo why dont you say "ASSALAM U ALKUM " in the start of your video???
How to stop landscape in flutter??
You can do that from native platform, iOS info.plist and Android manifest
@@CodeXdev Thank a lot : )
hi bro, could you do make a video for create a camera module capture image upload to dio method
the wrap widget could’ve solve that problem as well
Indeed, but that is automatically done.. what if we want to control how many element show go in next line. Or may be I want to reduce the size of some widget.
according to this tutorial, we need to create mutliple screens to make flutter apps responsive.
Responsiveness is achieved in multiple ways, sometime conditional layout, sometime different size of same layout or sometime by scaling up and down..
So its very broad term, the idea is to utilize available screen and show content in better way
Since you asked, no I don't like your intro. BUT I LOVED THE TUTORIAL
Along with a developer, theres a designer in me who keeps trying such extras to make content even better 😍