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...
Пікірлер: 118
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.
Loving this series Hitesh sir. Haven't had so much fun in a course since a long time
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
These React Native Tutorials are So Simple and To The Point. I'm loving the experience so far 🥳
What a beautiful confidence 😮 Thanks a lot ❤
Lovely and informative video. Thank you for all you do
Amazing video. Thanks a lot Hitesh sir. Learnt a lot!
Thank you very much Hitesh Sir for react-native tutorials
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 🙌🙌
Thanks Hitesh sir for this amazing react-native series
😌 I have Years of Journey with you. Always love your videos.
very good explanation, thank you so much for the video!
Thank you so much, these videos ara amazing
Your javascript course is amazing sir
Thanks for this tutorial - really good!
Thank you so much Hitesh sir for this series :-)
Thank You sir ! Amazing series really very helpful
Hey Sir thanks for the video.
Best tutorial playlist for React Native
Thanks for the series❤
awesome video on react native
Very good explanation, Thanks!
This series is amazing!!
Thanks for the series.
You're just the best. Thank you for this video
Thanks for the video
thank you sir loving thiss...........
अद्भुत and awwesome its so cool .🤩🤩🤩👩🎓
Very good teaching skills
Thanks for the series
Awesome video, Thanks for this content
Awesome explanation sir
Really fun and knowlegable video
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
@pprakash_das
22 күн бұрын
Thank you so much, brother!!
thank you sir i only done this in web part thank you for this 😇 easy way.
Appreciate your effort. Thank you
@HiteshChoudharydotcom
Жыл бұрын
Thanks for watching!
Thanks sir For great Explanation..........
Thanks for making this tutorial
its Really helpful
Great video sir
Thank You.
tqs for the session.....
thanks for this awesome vedio!!!
Thanks for this tutorial
You are a Awsm man.......thank you so much
Thank You sir❤❤
Thanks Bro
Thanks alot❤
Thank you so much
Thankyou soo much sir
Thank You Sir...
Thank you , Following
Thank you sir
amazing 👍
Thank you sir.....
great one
Very clear explanation thank you sir.
thanks 😍
React Native Flexbox Explained: How to Create Powerful UI DONE
Thanks 😊
thanks sir
thanks a lot
Thank yor sir.
Thanks >>>>>>>>>
Thanks
thank you great
Let's raise the bar to match real world applications
🔥
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.
Great
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'
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?
Sir plz make a video on how to make completely responsive design with responsive text
thanks
Hi sir I just checked the GitHub repo and there is no folder named components I just want to write the code for notes .
My card hides automatically after applying flex: 1 property. Please help me. Thanks
@SagarSharma-wc9bo
Жыл бұрын
add height in parent View component
Good day greetings
@HiteshChoudharydotcom
Жыл бұрын
You too
my cards are also shrinking not going out of the screen, i have tried hard reload too.
🤩🤩🤩👍👍👍👍👍
Can anyone tell me same for tailwind?
@9:40 flex:1 is hiding all the things , without flex its working fine . pls tell how
Can someone explain ? , why we use flex:1 instead of display:flex and why does it behave like flex-grow
@meltsinoven
8 ай бұрын
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.
Best Explanation 👍👍👍👍👍👍👍👍
what is your theme name?
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
11 ай бұрын
Hey! Have you changed it to grey or Not Yet?
@BhavinKhilnani-km5cu
18 күн бұрын
@@MaddyShortsPK you can make one new style and give background color property and then apply that style to the safeareaview or the first view tag
@BhavinKhilnani-km5cu
18 күн бұрын
@@MaddyShortsPKthis is an assumption cuz I know html css
hy sir plz make doctor appoinment app in react native
Sir chai aur code ko bhoolna nahi
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?
problem in flex:1
Not many takeaways from this video.
thank you sir
Thanks
Great
thanks
Thank you sir
Thank you sir
Thanks
Thanks
Thanks