This is the pre-release documentation for gluestack-ui with NativeWind (alpha) version. For @gluestack-ui/themed(stable) documentation, refer to the latest release (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>

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
-