Important Note

This is the documentation for gluestack-ui v2 (beta). For @gluestack-ui/themed (stable) documentation, refer to gluestack-ui v1.

View

The most fundamental component for building a UI.

<View p="$4">
  <Heading>
    A component library for the{" "}
    <Heading color="$emerald400">React Ecosystem</Heading>
  </Heading>
  <Text pt="$3">
    gluestack-ui is a simple, modular and accessible component library that
    gives you building blocks to build you React applications.
  </Text>
</View>

Important Note

Note: You can refer here to learn about default styling of StatusBar component

Import

To use this component in your project, include the following import statement in your file.

import { View } from '@gluestack-ui/themed';

Anatomy

The structure provided below can help you identify and understand a badge component's various parts.

export default () => <View></View>

Props

gluestack-ui View component is created using View component from react-native. It extends all the props supported by React Native View, utility props and the props mentioned below.

View

Name	Value	Default
children	any	-