useBreakpointValue | NativeBase | Universal Components for React and React Native

Search
K
Hire us
Data Display
Typography
Disclosure
Media and Icons
Others
Please opt in to our enterprise plan (coming soon) for priority support with NativeBase. If you are starting a new project, we recommend using gluestack-ui. For your existing projects, you can utilize @gluestack-ui/themed-native-base (beta).
useBreakpointValue
useBreakpointValue returns the value for the current breakpoint based on the provided responsive values object. It is also responsive to window resizing and returning the appropriate value according to the new window size.
Import
Copy
import { useBreakpointValue } from 'native-base';
Return value
The useBreakpointValue hook returns the value for the current breakpoint.
Usage
Playground
Nativebase logo
MadeWithNativeBase