Looking for documentation on gluestack-ui v2 with NativeWind? Refer to this
link.
useStyled
useStyled is a custom hook that returns a configuration object encompassing aliases, components, global styles, plugins, and tokens. This configuration facilitates easy access to essential styling elements and global functionalities for components.
Import
To use the useStyled in your project, import useStyled from @gluestack-ui/themed as demonstrated below.
import { useStyled } from "@gluestack-ui/themed"
Let's use our useStyled value to give background color to View from react-native.
import { View } from "react-native"
import { useStyled } from "@gluestack-ui/themed"
const styled = useStyled()
backgroundColor: styled.config.tokens.colors.primary500,