Container, Row, Col or Box component

[ryskin]

In my projects, I often come to a situation when I need a lot of Views with simple styles like flex-direction: 'row' or 'col' and some extra parameters, it's easy to add as inline styles but bad for performance but really lazy to create each time style. So in the last project, I create a Container component with simple props like 'row', 'col', 'left', 'right', 'center', etc. I saw many experienced programmers use this approach, it's very similar to Divider component in Ignite. Also, I think many people used that in MUI, Box component. https://mui.com/material-ui/react-box/

Today I've seen devaslife adapt Box component to React-Native https://youtu.be/JU4VBbe23jg?t=304 (but use https://github.com/Shopify/restyle under the hood)

That will be great to add that utility component to Ignite.

Currently I use Component with props:

{
  children: React.ReactNode
  style?: ViewStyle
  row?: boolean
  col?: boolean
  justifyBetween?: boolean
  spaceAround?: boolean
  alignItems?: "center" | "flex-start" | "flex-end"
}

but created one week ago, I'm sure many people use components like this for years )

[ryskin]

https://github.com/yamankatby/react-native-flex-layout

I found a great library and no more inline styles and I use styles usually only for images or animations. Highly recommended for productivity and readabilty https://github.com/yamankatby/react-native-flex-layout