Scrollable Bottom Sheet For React Native

A customizable, scrollable bottom sheet component that is compatibe with the native React Native FlatListScrollView and SectionList components.

Key Features:

  •  Virtualisation supportFlatList and SectionList components are 1st class citizens, as well as ScrollView
  • Peformant: runs at 60 FPS even on low grade Android devices
  • Horizontal mode: allows for nice implementation of Google or Apple Maps bottom sheets types, where you have several horizontal lists embedded
  • Minimalistic: exposes a set of fundamental props to easily control its behaviour
  • Support for interruptions: animations can be interrupted anytime smoothly without sudden jumps
  • Imperative snapping: for cases where you need to close the bottom sheet by pressing an external touchable
  • Animate all the things: you can animate other elements on the screen based on the bottom sheet position
  • No native dependencies: fully implemented in JS land, thanks to the powerful Gesture Handler and Reanimated libraries
  • Expo compatible: no need to eject to enjoy this component!
  • TS definitions: For those of you like me who can’t look back to start a project in plain JS

Installation:

# Yarn
$ yarn add react-native-scroll-bottom-sheet

# NPM
$ npm install react-native-scroll-bottom-sheet --save

Preview:

Scrollable Bottom Sheet For React Native

Download Details:

Author: rgommezz

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/rgommezz/react-native-scroll-bottom-sheet

License: MIT

You Might Be Interested In:

Add Comment