React Native Navigation Bottom Sheet

Overview

The React Native Navigation Bottom Sheet Extension is a performant customizable bottom sheet component built on top of the wix react-native-navigation library. It utilizes the react-native-gesture-handler and react-native-reanimated libraries and seamlessly integrates with the react-native-navigation library. With smooth interactions, snapping animations, and support for multiple snapping points, this extension provides a versatile and customizable bottom sheet solution for React Native projects.

Features

• Smooth interactions & snapping animations
• Customizable
• Supports multiple snapping points
• Seamless integration with react-native-navigation
• Scrollable content

Installation

To install the React Native Navigation Bottom Sheet Extension, follow these steps:

1. Install the package using yarn or npm.
   • Using yarn: yarn add react-native-navigation-bottom-sheet
   • Using npm: npm install react-native-navigation-bottom-sheet
2. Install the dependencies react-native-gesture-handler and react-native-reanimated.
   • For compatibility with both versions of react-native-reanimated, install version 1.
   • For more information on installation of reanimated version 2, refer to their official documentation.

Summary

The React Native Navigation Bottom Sheet Extension is a feature-rich and customizable component that enhances the functionality of the wix react-native-navigation library. With smooth animations, support for multiple snapping points, and seamless integration, this extension provides a comprehensive solution for implementing bottom sheets in React Native projects. Installation is straightforward and requires the installation of the necessary dependencies. Overall, this extension offers a performant and customizable bottom sheet component for React Native developers.