New Flex Component

[arpitBhalla]

Usage

The Stack component manages layout of immediate children along the vertical or horizontal axis with optional spacing and/or dividers between each child.

Proposed Code Snippet:-

<Flex direction='row'>
  <Flex.Item>Item 1</Flex.Item>
  <Flex.Item>Item 2</Flex.Item>
  <Flex.Item>Item 3</Flex.Item>
</Flex>

Few proposed props

Props={
  direction?:'row'|'column'
  m?:number | {x?:number,y?:number, l?:number, r?:number, t?:number, b?:number}// similar for padding
  bg?:string // background, 
/**
 some flexBox style properties as props e.g. `alignItems`, `justifyContent` etc.
**/
}

Reference:
https://next.material-ui.com/components/stack/#main-content
https://docs.nativebase.io/stack

Please share your ideas.