React Native Flexbox Explained: How to Create Powerful UI

Welcome to a youtube channel dedicated to programming and coding related tutorials. We talk about tech, write code, discuss about cloud and devops. That’s what we do all day, all year. We roll out a lot of series and videos on our channel.
All the learning resources such as code files, documentations, articles and community discussions are available on our website:
chaicode.com/
You can find our discord link, github link etc on the above website.
Twitter/X link: x.com/hiteshdotcom
Discord link: hitesh.ai/discord
Learn React with 10 projects: • Let's learn react from...
Learn Docker: • A practical guide on D...
Learn Kubernetes: • Complete Kubernetes Co...
How does a browser works: • How does a browser wor...
How nodejs works: • How node JS works | En...
Learn Redux-toolkit: • Learn Redux Toolkit in...
Learn NextJS: • Nextjs Full stack course
Learn Typescript: • Why to learn Typescript
Learn Javascript: • Welcome to new JavaScr...
Learn React Native: • React Native Mastery: ...
Learn Zustand: • React state management...
Learn Golang: • How to get started wit...

[@is5ac]

Loving this series Hitesh sir. Haven't had so much fun in a course since a long time

[@faizanahmed9304]

Thank you sir! From covering trought infection, you are still making these videos. Hats off! But please only make videos if u are comfortable and keep banging the good content. Love from Hyderabad

[@SiddhantaPaul80]

These React Native Tutorials are So Simple and To The Point. I'm loving the experience so far 🥳

[@visheshgupta4990]

Thank you so much for this series loving it , Thanks Hitesh Sir for your amazing teaching style and making this series so valuable , Thanks Hashnode for sponsoring this series . Thanks alott 🙌🙌

[@YOYO-dl6fe]

😌 I have Years of Journey with you. Always love your videos.

[@RaviSargam]

Thank you very much Hitesh Sir for react-native tutorials

[@imran6465]

Thanks Hitesh sir for this amazing react-native series

[@finja5451]

very good explanation, thank you so much for the video!

[@kramyshan8121]

Thanks for this tutorial - really good!

[@dhrumilkhoot1272]

Thank you so much Hitesh sir for this series :-)

[@yuvi6930]

Thank You sir ! Amazing series really very helpful

[@options_with__priccee]

Your javascript course is amazing sir

[@baanuaali2818]

You're just the best. Thank you for this video

[@kakhabervk9405]

Very good explanation, Thanks!

[@RahulSharma-wz6yv]

Awesome video, Thanks for this content

[@shwetanshusinha2690]

Best tutorial playlist for React Native

[@maheshpillala1265]

Thanks for the series❤

[@sugarfreecode]

This series is amazing!!

[@learner-zl7zl]

Thanks for the series

[@anubhavseet004]

Hey Sir thanks for the video.

[@nishantsingh7606]

Thanks for the series.

[@Kaashif03]

Thanks for the video

[@techsonaniya8923]

Very good teaching skills

[@gauravdhra4919]

अद्‌भुत and awwesome its so cool .🤩🤩🤩👩‍🎓

[@ritishsharma4553]

thank you sir
loving thiss...........

[@rajneeshkumar7574]

Awesome explanation sir

[@unknown6032]

Really fun and knowlegable video

[@aniketjha5946]

thank you sir i only done this in web part thank you for this 😇 easy way.

[@MuneshKumar-ik9qx]

Thanks sir For great Explanation..........

[@balubalaji9956]

Appreciate your effort. Thank you

[@HiteshChoudharydotcom]

Thanks for watching!

[@abhishekbhat4618]

Thanks for making this tutorial

[@bhaveshharne4069]

Great video sir

[@khushalgrow]

sir when i want to use css file on multiple files how do i take an external stylesheet to give the stylesheet all the file?

[@sonurawat7766]

Thanks for this tutorial

[@KishoreKumar-fv9dr]

tqs for the session.....

[@prashantkumar560]

thanks for this awesome vedio!!!

[@prasenjitsarkar5978]

Thank You Sir...

[@nageshnaik2651]

Thank You sir❤❤

[@rohitdhakad3120]

You are a Awsm man.......thank you so much

[@chethanhp9030]

Thank you so much

[@EAGEEYE321]

Thankyou soo much sir

[@shreyash8888]

Thanks alot❤

[@programmingholic]

Thank you , Following

[@wazrymohamed1654]

Very clear explanation thank you sir.

[@subhashlama3642]

Thanks Bro

[@RohitChhabirajYadav]

Thank you sir

[@rajshekharrakshit9058]

great one

[@tanvighildiyal8068]

nice video, i heard that boAt is hiring through competition called Wavemaker's Challenge. They are giving out prizes as well. Cna you please make a video on that? I want to participate.

[@debnath0702]

Thanks

[@SFORSANDEEP]

Just an FYI mate, the reason your boxes shrinked or ignored the width because you have flex 1 for the card. Remove the flex 1 from the card style which will resolve the issue. Btw you are awesome..

[@premranjan2824]

Damn, I was looking for this comment, you are awesome too, thanks a ton

[@codedwebs]

my cards are also shrinking not going out of the screen, i have tried hard reload too.

[@prafulkumar5909]

Thank you sir.....

[@virenkhokhar6305]

thanks sir

[@financialprogrammer]

thanks 😍

[@phoenix7416]

Thanks 😊

[@rafaatashour]

thanks a lot

[@Aditya.Santra]

amazing 👍

[@user-nd4lz3dl2h]

Thank yor sir.

[@madhusudandhimar]

thanks

[@Selvaram]

thank you great

[@B-NikhilRichhariya]

Thanks >>>>>>>>>

[@app.js1]

Best Explanation 👍👍👍👍👍👍👍👍

[@AbhishekKumar-nz9dn]

@9:40 flex:1 is hiding all the things , without flex its working fine . pls tell how

[@cricketvidz6808]

Sir plz make a video on how to make completely responsive design with responsive text

[@deepak21agra]

Great

[@MilindGoel15]

Even after you did hard refresh, it was still bugging cuz last width size you did was 110 which should probably shift the 2nd blue box(green text) to outside of the screen

[@anuragbanger4261]

That can be fixed by removing the 'flex' property from the card style

[@codedwebs]

@@anuragbanger4261 yes its working, but then how can we do center align items in card?

[@codedwebs]

ahh i got it, i just replace flex: 1, with display: 'flex'

[@ramsem5151]

🔥

[@imranmollah2128]

what is your theme name?

[@sktabrez856]

My card hides automatically after applying flex: 1 property. Please help me. Thanks

[@SagarSharma-wc9bo]

add height in parent View component

[@132_priyankrai5]

Let's raise the bar to match real world applications

[@fahadkabooroo7395]

React Native Flexbox Explained: How to Create Powerful UI DONE

[@xenoxel]

My react App has a white background color, does anybody know how to make it grey as in the tutorial. I have tried changing the emulator settings it did not work?

[@MaddyShortsPK]

Hey! Have you changed it to grey or Not Yet?

[@suyashsrivastava3671]

Can someone explain ? , why we use flex:1 instead of display:flex and why does it behave like flex-grow

[@meltsinoven]

When you have multiple components with flex: 1 within a flex container, each of them will take an equal portion of the available space. This is particularly useful when you want components to share the available space evenly.

[@rishiraj2548]

Good day greetings

[@HiteshChoudharydotcom]

You too

[@brucemugisha4548]

🤩🤩🤩👍👍👍👍👍

[@ehsanali7055]

hy sir plz make doctor appoinment app in react native

[@firosiam7786]

Sir chai aur code ko bhoolna nahi

[@ashutoshdubey3072]

I think you are late Hitesh
2-3 sal pahle ye series create krni chahiye thi

[@HiteshChoudharydotcom]

It was created at that time too and was available at pizza prices at Learncodeonline

[@ashutoshdubey3072]

@@HiteshChoudharydotcom
BTW, I am also a react-native developer with 4 years of experience. 🙂

[@callbackcats669]

bhaiya i have question ki mai abhi native sikh raha hu so uske baad kya karna chaiye ?and what should i prefer most ?
web or app dev?

[@ksaha9325]

problem in flex:1

[@TwoTeaTee]

Not many takeaways from this video.

[@swire1571]

[@rohangope]

thank you sir

[@batman_monis]

Thanks

[@chan-te6re]

thanks

[@md-abid-hussain]

Great

[@NikeshGuptaYT]

Thanks

[@user-sf8ud1yf7b]

Thanks

[@khushalgrow]

Thanks

[@prashanthss]

Thank you sir

[@abdur786_]

Thank you sir

[@jayprakashjaiswal8220]

thanks

[@AndreasJeno]

thanks

[@vlogwithanish]

Great