React Native Tutorial #14 - Flexbox Basics

Hey gang, in this React Native tutorial we'll take a look at Flexbox, which can be used to layout the different components in our app.

----------------------------------------

🐱‍💻 🐱‍💻 Course Links:

🐱‍💻 🐱‍💻 Other Related Courses:

[alyssaflores]

THE BEST FLEXBOX EXPLANATION ON EARTH!



THANK YOU!

[sanketgore]

Its altogether a different feeling when we see our own app run😀

[kiranpawar]

𝓣𝓱𝓪𝓷𝓴𝓼 𝓯𝓸𝓻 𝓰𝓻𝓮𝓪𝓽 𝓻𝓮𝓪𝓲𝓬𝓽 𝓷𝓪𝓽𝓲𝓿𝓮 𝓼𝓮𝓻𝓲𝓮𝓼 👍🏻

[alperari]

Calling components as widgets, flutter devs feel you man

[ecodedesign]

Thank you teacher from the bottom of my ♥.
Awesome explanation..

[TP]

Thanks, Brooo, simple and quick tutorial, especially if you already know how to use React.

[chemedev]

Awesome tut! Just wanted to point that the default for align-items is 'stretch' :) (11:40)

[youngun]

Thanks so much for all your brilliant work Shaun. I wanted to ask, when you were talking about the scrolling problem. Was that essentially the equivalent of an overflow problem? My understanding so far is that flex stops the list container from overflowing at the bottom of the screen. Is that the right way to think of it.

With flex:1 it might get easy to be lazy about it and just trial and error it until it does what you want haha, would be cool to figure out what use cases it shines for and when not to use it. This is deffo a good one though :)

[angelarojas]

Thanks for making such a great tutorial series! Easily my fav :)

[DrFaseehAhsan]

Why is the flatlist not stretching to the bottom of the screen?? When we use 'flex:1', it is supposed to flex till the end of screen right?? We haven't added any margin that a default behaviour??

[alvin_lal]

This is the best explanation about flexboxes i have found on the web so far!!, thanks so much

[mohamedmostafa]

Great video, just pointing out at 11:36 the default value for align items is stretch not flex-start :) flex-start is the default for justify content only

[ojitelikenechukwu]

Wow, this is the BEST flex box tutorial, I have ever come across

In 18+ minutes, I have understood what I have been having issues with for a long time

[joeharris]

Sorry to keep going on, but this is such a good series, better than the paid ones on Udemy by a country mile

[parimalbhattarai]

why is the flex property not working on my react native ??? can anyone explain please ?

[davidfield]

You mention that you have also used Flutter. Which do you prefer?

[abhishekgadewar]

one doubt i have is after I save my changes everytime the todolist does not get refreshed. It stays to what it was after adding or deleting todos

[sankalpjain]

if we do like this in container why is it not working,
flexDirection:'column',
justifyContent:"flex-end",

[waliahmed]

this is a video before covid 19 - such a good year .. i miss it

[ecodedesign]

My all time favourite #The Great #Netninja.. love from 🇮🇳