Pseudo props: Overview | 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).
Pseudo props: Overview
NativeBase provides a declarative way to add interaction or platform specific props.
Hover
Using _hover pseudo prop, we can customize the style of Pressable component on hover.
Playground
Pressed
Using _pressed pseudo prop, we can customize the style of Pressable component on pressed.
Playground
Focus
Using _focus pseudo prop, we can customize the style of Pressable component on focus.
Playground
Platform specific styling
Using _web, _iOS, _android pseudo props, we can customize the style or behaviour of NativeBase components across platforms.
Playground
Nativebase logo
MadeWithNativeBase