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


useTheme is a custom hook which returns an array of active themes.


To use the useTheme in your project, import useTheme from @gluestack-ui/themed as demonstrated below.
import { useTheme } from "@gluestack-ui/themed"
Demonstration of useTheme
import { View } from "react-native"
import { useTheme } from "@gluestack-ui/themed"
const Example = () => {
const theme = useTheme()
return <View>{/* Do something with the theme */}</View>