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

react-native-modal

An enhanced, animated, customizable Modal for React Native. (by react-native-modal)

react-native-scroll-bottom-sheet

Cross platform scrollable bottom sheet with virtualisation support, native animations at 60 FPS and fully implemented in JS land :fire: (by rgommezz)

React Native Bottomsheet bottom-sheet Cross-Platform react-native-reanimated react-native-gesture-handler Android iOS

Source Code

Suggest alternative

Edit details

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-native-modal		react-native-scroll-bottom-sheet
	Project
8	Mentions	1
5,386	Stars	1,519
0.7%	Growth	-
0.0	Activity	0.0
about 1 month ago	Latest Commit	about 1 year 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-native-modal

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

Top 10+ Best React Native UI Components for Mobile App Development
28 projects | dev.to | 4 Jan 2023

GitHub Stars: 5k
Looking for example to zoom in a profile picture like on whatsapp
1 project | /r/reactnative | 27 May 2022
swipe down to close Modal
2 projects | /r/reactnative | 17 Dec 2021

Nor Expo Modal (https://reactnative.dev/docs/modal) or react-native-modal (https://github.com/react-native-modal/react-native-modal) let's you close the modal on swipe down on IOS, if presentationStyle=="formSheet" & presentationStyle=="pageSheet". I am on react-native version "0.64.3". Is there any fixes for this? Thanks in advance.
Mistakes I made while maintaining an open-source React Native library for five years
6 projects | dev.to | 23 Aug 2021

In this post, I’ll share some details around design decisions and mistakes I made while working on React Native Modal, a Modal component library for React Native. I hope that sharing my thoughts may help other new open-source maintainers to avoid such errors.

1 project | /r/reactnative | 22 Aug 2021

Author here 👋. In this blog post, I'm discussing the design decisions and mistakes I made while maintaining React Native Modal — a modal component library for React Native.
Update: Hey Reddit - My first app is ready for a beta test. Read comments if you're interested.
5 projects | /r/reactnative | 12 Aug 2021

Tailwind Styles: https://github.com/vadimdemedes/tailwind-rn Storage: https://react-native-async-storage.github.io/async-storage/docs/api Navigation: https://reactnavigation.org/ Audio: https://docs.expo.io/versions/v41.0.0/sdk/audio/ Animations: https://github.com/oblador/react-native-animatable Modal: https://github.com/react-native-modal/react-native-modal Confetti: https://github.com/cdvntr/react-native-confetti Debounce: https://github.com/xnimorz/use-debounce Toast: https://github.com/calintamas/react-native-toast-message

2 projects | /r/webdev | 12 Aug 2021

Modal: https://github.com/react-native-modal/react-native-modal
Developing Geonotes — Animations and interactions — Ep. 3
2 projects | dev.to | 4 Aug 2021

I used React Native Modal to achieve the modal effect, and Reanimated 2 for the flip effect.

react-native-scroll-bottom-sheet

Posts with mentions or reviews of react-native-scroll-bottom-sheet. We have used some of these posts to build our list of alternatives and similar projects.

Reanimated V2 Bottom Sheet library I’m working on, put your feature requests in the comments!
1 project | /r/reactnative | 26 Feb 2021

At this moment I am using fork of https://github.com/rgommezz/react-native-scroll-bottom-sheet. It is great, but implemented with reanimated v1, so customization is difficult.

What are some alternatives?

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

react-native-reanimated-carousel - 🎠 React Native swiper/carousel component, fully implemented using reanimated v2, support to iOS/Android/Web. (Swiper/Carousel)

react-native-elements - Cross-Platform React Native UI Toolkit

react-native-toast-message - Animated toast message component for React Native

kittenTricks - React Native starter kit with over 40 screens and modern Light and Dark theme for creating stunning cross-platform mobile applications.

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

react-native-bottom-sheet - A performant interactive bottom sheet with fully configurable options 🚀

react-native-reanimated - React Native's Animated library reimplemented

react-native-shadow-2 - Cross-platform shadow for React Native. Supports Android, iOS, Web, and Expo

react-native-safe-area-context - A flexible way to handle safe area insets in JS. Also works on Android and Web!

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

moti - 🐼 The React Native (+ Web) animation library, powered by Reanimated 3.

NativeScript - ⚡ Empowering JavaScript with native platform APIs. ✨ Best of all worlds (TypeScript, Swift, Objective C, Kotlin, Java). Use what you love ❤️ Angular, Capacitor, Ionic, React, Solid, Svelte, Vue with: iOS (UIKit, SwiftUI), Android (View, Jetpack Compose), Dart (Flutter) and you name it compatible.