Version: 3.0.0-next.36

SimpleGrid

SimpleGrid provides an interface to create responsive grids using simple props.

Import#

import { SimpleGrid } from 'native-base';

Usage#

Using columns#

Using minChildWidth#

Props#

NameTypeDescriptionDefault
columnsnumberNumber of columns in a row0
minChildWidthnumberNumber to set the minimum child width of a grid item.0
spacingnumberNumber to set the horizontal and vertical spacing between grid items.0
spacingXnumberNumber to set the horizontal spacing between grid items.0
spacingYnumberNumber to set the vertical spacing between grid items.0

Note: Either columns or minChildWidth is required.