Looking for documentation on gluestack-ui v2 with NativeWind? Refer to this link.

useTheme

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

Import

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>
}