React Native Bottom Sheet screenshot

React Native Bottom Sheet

Author Avatar Theme by Gorhom
Updated: 4 Dec 2025
8694 Stars

A performant interactive bottom sheet with fully configurable options

Categories

Overview

The React Native Bottom Sheet library provides a performant interactive bottom sheet with fully configurable options. It offers features such as modal presentation view, smooth gesture interactions, compatibility with Reanimated v1 & v2, and seamless keyboard handling for both iOS and Android platforms.

Features

  • Modal presentation view
  • Smooth gesture interactions & snapping animations
  • Seamless keyboard handling for iOS and Android
  • Support for pull to refresh for scrollables
  • Support for FlatList, SectionList, ScrollView & View scrolling interactions
  • Integration with React Navigation
  • Compatibility with Reanimated v1 & v2
  • Compatible with Expo
  • Accessibility support

Installation

To install the React Native Bottom Sheet library, you can follow these steps:

  1. Install the package using npm:

    npm install @gorhom/bottom-sheet
    
  2. If you are using Expo, the library will work seamlessly.

  3. Follow the documentation provided by the author to integrate the bottom sheet into your React Native project.

Summary

The React Native Bottom Sheet library offers a powerful solution for implementing interactive bottom sheets in React Native applications. With features like smooth gestures, flexible configurations, and compatibility with various scrolling components, it provides developers with a versatile tool for enhancing user experiences. Additionally, the library is actively maintained and well-documented, making it a reliable choice for those looking to incorporate bottom sheet functionality into their projects.