react-modal-sheet vs react-native-bottom-sheet

Our great sponsors

SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App

InfluxDB - Power Real-Time Data Analytics at Scale

WorkOS - The modern identity platform for B2B SaaS

Our great sponsors

react-modal-sheet		react-native-bottom-sheet
	Project
1	Mentions	55
730	Stars	6,020
-	Growth	-
6.6	Activity	7.0
5 months ago	Latest Commit	7 days ago
TypeScript	Language	TypeScript
MIT License	License	MIT License

The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.

react-modal-sheet

Posts with mentions or reviews of react-modal-sheet. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2022-03-21.

How to create this animation for a mobile menu? (Video included)
3 projects | /r/reactjs | 21 Mar 2022

react-native-bottom-sheet

Posts with mentions or reviews of react-native-bottom-sheet. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2023-08-10.

Bottom Sheet haptic feedback on drag
1 project | /r/reactnative | 26 Aug 2023

I'm using https://github.com/gorhom/react-native-bottom-sheet, and they provide the gestureEventsHandlersHook prop to pass a custom hook, but I haven't found any code snippet on how to actually use this prop correctly.
Bottom Sheet Libraries that work with Reanimated V3
2 projects | /r/reactnative | 10 Aug 2023

We are trying to upgrade our React-Native version to 0.72+ (to comply with the Android minimum API version). Reanimated v2 is giving us an error, but Reanimated v3 works. However, the bottom sheet package we use react-native-reanimated-bottom-sheet and the alternative suggested react-native-bottom-sheet.
What is this type of navigation called?
3 projects | /r/reactnative | 12 Jun 2023
What is the technical term for this kind of modal so I can google for it?
1 project | /r/reactnative | 30 May 2023
Bottom sheet in react navigation
1 project | /r/reactnative | 26 May 2023

https://github.com/gorhom/react-native-bottom-sheet this package can help. It has support for navigation.
How can I get this kind of navigation bar? (Todoist)
1 project | /r/reactnative | 13 May 2023

Looks like https://github.com/gorhom/react-native-bottom-sheet with a 95% snap point
How can I use a modal component and be able to touch area outside it like in video
1 project | /r/reactnative | 5 May 2023

I think thats a bottom sheet
I need help implementing bottom navigation using the attached images
1 project | /r/reactnative | 15 Apr 2023
What is this pop-up called? It is similar to bottom drawer but it is non-persistent. Do you have any library suggestions?
1 project | /r/reactnative | 9 Apr 2023

It is called bottom sheet. https://github.com/gorhom/react-native-bottom-sheet
How create bottom modal scrollable in RN
1 project | /r/reactnative | 28 Mar 2023

What are some alternatives?

When comparing react-modal-sheet and react-native-bottom-sheet you can also consider the following projects:

react-spring-bottom-sheet - Accessible ♿️, Delightful ✨, & Fast 🚀

react-native-reanimated-bottom-sheet - Highly configurable bottom sheet component made with react-native-reanimated and react-native-gesture-handler

mui-modal-provider - 🌞 Context API and Hooks based Modal Provider for react material-ui framework

web-dialog - A highly accessible, customizable and lightweight dialog

react-native-portal - A simplified portal implementation for ⭕️ React Native & Web ⭕️.

react-native-actions-sheet - A Cross Platform(Android, iOS & Web) ActionSheet with a flexible api, native performance and zero dependency code for react native. Create anything you want inside ActionSheet.

react-native-webview - React Native Cross-Platform WebView

hammer.js - A javascript library for multi-touch gestures :// You can touch this

rn-swipeable-panel - Zero dependency swipeable bottom panel for React Native 📱

panes - 🎉📱 Create dynamic modals, cards, panes for your applications in few steps. One instance – Thousands solutions. Any framework and free.

react-native-track-player - A fully fledged audio module created for music apps. Provides audio playback, external media controls, background mode and more!