Container | NativeBase


Playground
function Example() {
  return <Center>
      <Container>
        <Heading>
          A component library for the
          <Text color="emerald.500"> React Ecosystem</Text>
        </Heading>
        <Text mt="3" fontWeight="medium">
          NativeBase is a simple, modular and accessible component library that
          gives you building blocks to build you React applications.
        </Text>
      </Container>
    </Center>;
}function Example() {
  return <Center>
      <Container>
        <Heading>
          A component library for the
          <Text color="emerald.500"> React Ecosystem</Text>
        </Heading>
        <Text mt="3" fontWeight="medium">
          NativeBase is a simple, modular and accessible component library that
          gives you building blocks to build you React applications.
        </Text>
      </Container>
    </Center>;
}

Props

Container implements Box
, so all the Box Props can be passed to it.

Container

Name

Type

Description

Default

centerContent

boolean

It'll center child elements based on their content width.

true

Quick Nav

Container | NativeBase | Universal Components for React and React Native