Looking for documentation on gluestack-ui with NativeWind (alpha) version? Refer to this link.

useToken

useToken is a custom hook to resolves design tokens from the theme.

Import

To use the useToken in your project, import useTokenfrom@gluestack-ui/themed as demonstrated below.
import { useToken } from "@gluestack-ui/themed"
Let's use our useToken value to give background color to View from react-native.
import { View } from "react-native"
import { useToken } from "@gluestack-ui/themed"
function Example() {
const resolvedGreen = useToken("colors", "green500")
return (
<View
style={{
width: 100,
height: 100,
backgroundColor: resolvedGreen,
}}
/>
)
}