react-native-draggable-floating
TypeScript icon, indicating that this package has built-in type declarations

0.3.2 • Public • Published

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

Package Sidebar

Install

npm i react-native-draggable-floating

Weekly Downloads

1

Version

0.3.2

License

MIT

Unpacked Size

33.2 kB

Total Files

17

Last publish

Collaborators

  • wiseqingyang