Flex layout -- missing stretch.

[jaygarcia]

Many HTML5 devs have gotten used to the flexibility of the modern CSS3 Flexbox model : http://css-tricks.com/snippets/css/a-guide-to-flexbox/

It seems like the flex layout is started, but not quite complete. Are you guys planning on implementing stretch?

[vjeux]

Can you give a concrete usecase where you need stretch?

[vjeux]

We do support stretch actually on alignSelf and alignItems

https://github.com/facebook/css-layout/blob/master/README.md

[jaygarcia]

Thanks, but that doesn't work. Say for example, you want to have the outer-most containing view automatically size to the iPhone's dimensions.

alignSelf doesn't seem to work in this case.

Here's the JSX for the top-most view: https://gist.github.com/moduscreate/f9414970d5158da25036
What i'm experiencing: http://www.screencast.com/t/sHOCgEJgqqi

[vjeux]

Use flex: 1 for stretching in the main direction (column). The naming is confusing but that's from flexbox itself :(

[jaygarcia]

Fantastic. Thank you.

I apologize for the new questions. I"m learning react whilst learning this new iOS bridge.

[vjeux]

At the contrary, please keep the questions coming :)

[jaygarcia]

^--- I cannot tell you how much this means to community members like myself and that this type of attitude will only nurture and help grow the use of this awesome tech. I speak from experience of a once-leading community member in the Sencha community. =)

[vjeux]

👍

[coderdave]

@jaygarcia Do you mind sharing the final code to get this layout to work? Thanks.

[jaygarcia]

@coderdave do you mean the application itself?

[coderdave]

@jaygarcia No, mainly just the style code... and maybe the basic components needed that represent the layout.