rn-sticky-bottom-sheet
v0.0.2
Published
This project implements a customizable sticky bottom sheet in React Native using `react-native-reanimated` and `react-native-gesture-handler`. It's designed to be highly performant and flexible, offering smooth animations and adaptive heights for various
Downloads
6
Readme
React Native Sticky Bottom Sheet
This project implements a customizable sticky bottom sheet in React Native using react-native-reanimated
and react-native-gesture-handler
. It's designed to be highly performant and flexible, offering smooth animations and adaptive heights for various devices, including those with notches.
Features
- Draggable: Users can easily drag the bottom sheet to expand or collapse.
- Adaptive Heights: Automatically adjusts to the screen height of devices, ensuring a consistent experience across different platforms.
- Smooth Animations: Leveraging
react-native-reanimated
for fluid motion. - Gesture Handling: Built with
react-native-gesture-handler
for reliable pan gesture recognition.
Installation
To use this component in your project, ensure you have React Native setup. Then install the package using:
npm install rn-sticky-bottom-sheet
# or
yarn add rn-sticky-bottom-sheet
Quick Start Import the StickyBottomSheet from the package and add it to your component:
import StickyBottomSheet from 'rn-sticky-bottom-sheet';
const App = () => ( Your Content Here );
export default App;
Contributing
We welcome contributions! Please submit any bugs, issues, or pull requests to the repository, or propose changes via GitHub.
License
This project is licensed under the MIT License - see the LICENSE file for details.
Additional Tips
- Validate Links: Make sure all links in your README, especially images and demos, are correct and accessible.
- Engagement: Add contact information or a link to the issues page on GitHub to facilitate community engagement.
With these adjustments, your README will be more user-friendly and professional, potentially increasing the usage and contribution from the community.