Slide | NativeBase | Universal Components for React and React Native

Search
K
Hire us
Data Display
Typography
Disclosure
Media and Icons
Others
IMPORTANT MESSAGE — If you are starting a new project with NativeBase, we recommend using gluestack instead.
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