Slide | 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).
Slide
Slide component provides a declarative API to add sliding transitions.
Show Code
Playground
Import
Examples
Slide
Playground
Slide wrapped inside parent
Playground
Slide Composition
Playground
Props
Slide
Name
Type
Description
Default
in
boolean
Show the component; triggers the enter or exit states.
-
duration
number
Duration of animation in mili second.
500
placement
top ,bottom, left, right
The direction to slide drawer from.
bottom
Nativebase logo
MadeWithNativeBase