Flutter MediaQuery | Flutter Responsive Design

[@desouzaaleixo]

When you use MediaQuery you need to calculate all the paddings, margin, spacement etc... try to avoid it using expanded/flexible widgets, it's like a web: give a size to a parent widget and let the children get the automatic size and spacement.

[@shoaibshaikh3651]

that problem can also be solved by wrapping the container inside the Expanded widget.

[@pacosotelo9987]

What is better?

[@KrizzOnline]

Ok. Now what if the container contains a text? Now you have to specify the font size using mediaquery right

[@rahul2]

u should create similar video with such good explanation for all flutter widgets & important topics

[@ig_moiiz]

Subscribing because you taught me something

[@neza_salton]

Saved for future use, it's awesome🤗

[@riteshyadav4_u]

this videos helpful for me 🙏

[@widgetwisdom-ww5op]

Glad to hear that

[@proQ101]

these all things are well describe on "Pro Q" flutter channel
for deep understanding about media query etc

[@Pu245]

Tks for the video 👍

[@avazbeknadyrbek790]

How to set additional settings for Mobile screens ?

[@widgetwisdom-ww5op]

Addition settings like what?

[@GuillermoCuadraSarria]

Set a boolean if the mediaquery is less than 850 for example and build conditional widgets in your tree. So if it's mobile those widgets will be shown or hide.

[@phenixUchiwa69]

Tank's bro

[@justinus]

instead of MediaQuery.of(context).size, I use double.infinity

[@riskiadhitama]

×0×0×0×0×0×0×0× ×[..]×: :
: :÷: :×0×0×0×0×0×0×0× : :
#nusaindah
#gajahmada
#tamansari
#perdana
#mandiri
#britama
#kurniabhakti
#rosalliaindah
#gunungharta
#sumberalam
: :וT•N•G•×: :×[..]× ×[..]×: :
: :🇵🇸: : ×0×0×0×0×0×0×0×
×0×0×0×0×0×0×0× : :🇮🇱: :
: :🇲🇨: : ×0×0×0×0×0×0×0×
×[..]× : :×0×0×0×0×0×0×0×
:3671 111 021288 000 3:
: :×[.m.o.r.i.s.]×: : : :
: : : :×[.o.f.i.c.i.a.l.l.]×: :
: :×[.p.a.t.a.s.]×: : : :
: : : : ×[..]× ×[..]× ×[..]× : :
×[..]× ×[..]× ×[..]× : : : :
×0×0×0×0×0×0×0× : :×[..]×
×[..]× ×[..]× ×0×0×0×0×0×0×0× ×[..]×
indonesia afganistan palestina : :
×[..]× ×[..]× ×[..]× : : ×[..]×: : : :
bayunirayudha_bayu@bayunirayudha
×0×0×0×0×0×0×0× ×[..]× ×[..]× ×[..]×
×[..]× ×[..]× ×[..]× ×0×0×0×0×0×0×0×

[@widgetwisdom-ww5op]

Code & Written tutorial: widgetwisdom.com/flutter-responsive-design

[@m.afifudin2737]

This url not work sir

[@AmanSingh-my5mw]

worst thing i learned today

[@honeybansal9165]

don't use misleading thumbnails.

[@widgetwisdom-ww5op]

There is nothing misleading in the thumbnail.

[@tigeruppercut2000]

I'd use a row and flex