npm.io
0.3.3 • Published 2 years ago

react-native-draggable-floating

Licence
MIT
Version
0.3.3
Deps
0
Size
32 kB
Vulns
0
Weekly
0
Stars
6
SummaryDependencyVersions

react-native-draggable-floating

A simple draggable widget sticky to left or right side of its parent. Using the react-native-reanimated and react-native-gesture-handler.

demo

Installation

npm install react-native-draggable-floating

Usage

import DraggableView from 'react-native-draggable-floating';

<DraggableView>
  <View />
</DraggableView>

Props

Prop Type Default Description
stickyLeft boolean false Whether to stick to the left side of its parent.
initialOffsetY number 0 The initial offset of the widget from the top of its parent. If negative, the offset will be the bottom.
onPositionChange (x: number; y: number) => void undefined call back when you release the widget and after the sticky animation, it's useful when you want to save the position when recreating the container view

License

MIT

Made with create-react-native-library

Keywords

react-nativeiosandroid