Grid

Grid controls

Examples

<Card>
...
</Card>

Context

Rows

<Grid columns={2}>
<Grid.Row columns={3}>
<Grid.Column
style={{ padding: 6 }}
>
<Image
resizeMode="contain"
source={...}
/>
</Grid.Column>
...
</Grid.Row>
<Grid.Row columns={3}>
<Grid.Column
style={{ padding: 6 }}
>
<Image
resizeMode="contain"
source={...}
/>
</Grid.Column>
...
</Grid.Row>
</Grid>

Columns

<Grid columns={2}>
<Grid.Column
style={{ padding: 6 }}
>
<Image
resizeMode="contain"
source={...}
/>
</Grid.Column>
...
</Grid>