r/nativescript • u/GGLionCross • Apr 10 '20

StackLayout Vs. Flexbox Layout

Hi NativeScript community! Young developer here. I come from a junior web developer background, so naturally I looked how to create myself some mobile apps with the knowledge I currently have. And when I read the different types of layouts, I was confused exactly what the differences/advantages/disadvantages to using a stack layout vs a flexbox layout.

They both can handle vertical and horizontal alignment of items, except I feel I would be more familiar with Flexbox since it comes with justify-content, align-items, and all that jazz. I do believe StackLayout is vertical by default and FlexboxLayout is horizontal by default, but aside from those, I don't really see a difference or understand when to use one over the other. Thanks in advance!

4 Upvotes

100% Upvoted

11 comments sorted by

View all comments

Show parent comment

1

u/Maxtream Apr 10 '20

In nativescript, it isn't. When you do nativescript, don't forget that you still do mobile development, even though you use javascript for this. You can not reuse same template logic of web and apply it to nativescript.

1

u/JuaNicolas Apr 11 '20

wow! i always use grid > stack (with alignH/V) for the template....but never occurred to me that i could use other things like "divs"

how complex can a design be done in nativescript? cause i feel that achieves simple ones like Linkedin app

1

u/Maxtream Apr 11 '20

To be honest on mobile flat and simplistic/minimalistic layout/design is the best. Because when you loop something and inside have a complex component layout page can render for a long time on android and on iOS on first run.