Slide | NativeBase | Universal Components for React and React Native

Search
K
Hire us
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.
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