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

[@balloney2175]

I love Hitesh' style of teaching. Too much detail for anyone to understand. So far, the best instructor I've ever had in a long time.

[@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

[@HimanshuGupta-xm2sj]

Amazing video. Thanks a lot Hitesh sir. Learnt a lot!

[@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 🙌🙌

[@RaviSargam]

Thank you very much Hitesh Sir for react-native tutorials

[@YOYO-dl6fe]

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

[@oyeibrahim]

Lovely and informative video. Thank you for all you do

[@finja5451]

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

[@imran6465]

Thanks Hitesh sir for this amazing react-native series

[@kramyshan8121]

Thanks for this tutorial - really good!

[@maheshpillala1265]

Thanks for the series❤

[@learner-zl7zl]

Thanks for the series

[@nishantsingh7606]

Thanks for the series.

[@sugarfreecode]

This series is amazing!!

[@yuvi6930]

Thank You sir ! Amazing series really very helpful

[@RahulSharma-wz6yv]

Awesome video, Thanks for this content

[@kakhabervk9405]

Very good explanation, Thanks!

[@dhrumilkhoot1272]

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

[@Kaashif03]

Thanks for the video

[@baanuaali2818]

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

[@options_with__priccee]

Your javascript course is amazing sir

[@ritishsharma4553]

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

[@anubhavseet004]

Hey Sir thanks for the video.

[@unknown6032]

Really fun and knowlegable video

[@rajneeshkumar7574]

Awesome explanation sir

[@abhishekbhat4618]

Thanks for making this tutorial

[@shwetanshusinha2690]

Best tutorial playlist for React Native

[@sonurawat7766]

Thanks for this tutorial

[@bhaveshharne4069]

Great video sir

[@KishoreKumar-fv9dr]

tqs for the session.....

[@aniketjha5946]

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

[@MuneshKumar-ik9qx]

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

[@techsonaniya8923]

Very good teaching skills

[@prashantkumar560]

thanks for this awesome vedio!!!

[@prasenjitsarkar5978]

Thank You Sir...

[@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

[@nageshnaik2651]

Thank You sir❤❤

[@gauravdhra4919]

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

[@shreyash8888]

Thanks alot❤

[@rajshekharrakshit9058]

great one

[@EAGEEYE321]

Thankyou soo much sir

[@chethanhp9030]

Thank you so much

[@balubalaji9956]

Appreciate your effort. Thank you

[@HiteshChoudharydotcom]

Thanks for watching!

[@subhashlama3642]

Thanks Bro

[@rohitdhakad3120]

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

[@Aditya.Santra]

amazing 👍

[@programmingholic]

Thank you , Following

[@RohitChhabirajYadav]

Thank you sir

[@wazrymohamed1654]

Very clear explanation thank you sir.

[@prafulkumar5909]

Thank you sir.....

[@financialprogrammer]

thanks 😍

[@phoenix7416]

Thanks 😊

[@Selvaram]

thank you great

[@virenkhokhar6305]

thanks sir

[@rafaatashour]

thanks a lot

[@user-nd4lz3dl2h]

Thank yor sir.

[@debnath0702]

Thanks

[@deepak21agra]

Great

[@B-NikhilRichhariya]

Thanks >>>>>>>>>

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

[@ramsem5151]

🔥

[@chan-te6re]

thanks

[@cricketvidz6808]

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

[@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'

[@app.js1]

Best Explanation 👍👍👍👍👍👍👍👍

[@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?

[@132_priyankrai5]

Let's raise the bar to match real world applications

[@codedwebs]

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

[@sktabrez856]

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

[@SagarSharma-wc9bo]

add height in parent View component

[@fahadkabooroo7395]

React Native Flexbox Explained: How to Create Powerful UI DONE

[@brucemugisha4548]

🤩🤩🤩👍👍👍👍👍

[@imranmollah2128]

what is your theme name?

[@AbhishekKumar-nz9dn]

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

[@rishiraj2548]

Good day greetings

[@HiteshChoudharydotcom]

You too

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

[@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?

[@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

[@md-abid-hussain]

Great

[@jayprakashjaiswal8220]

thanks

[@prashanthss]

Thank you sir

[@abdur786_]

Thank you sir

[@NikeshGupta099]

Thanks

[@user-sf8ud1yf7b]

Thanks

[@khushalgrow]

Thanks

[@vlogwithanish]

Great

[@madhusudandhimar]

thanks

[@AndreasJeno]

thanks