React Native Bottom Sheet

screenshot of React Native Bottom Sheet
react
react-native

A performant interactive bottom sheet with fully configurable options

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

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.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

react-native
React Native

React Native is a framework for building mobile applications using React and JavaScript. It enables developers to write once and deploy to multiple platforms, including iOS, Android, and the web, while providing a native app-like experience to users.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.