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


useMedia is a custom hook that returns the breakpoints object with boolean value if your current screen size is a particular breakpoint or not. It is also responsive to window resizing and returning the appropriate value according to the new window size.


To use the useMedia in your project, import useMedia from @gluestack-ui/themed. as Demonstrated below.
import { useMedia } from "@gluestack-ui/themed"
const MediaExample = () => {
const media = useMedia()
return (
flexDirection: media.lg ? "row" : "column",
gap: 10,