A React Native wrapper for Android's BottomSheetBehavior with support for anchor states, custom app bars, and FloatingActionButton.
react-native-bottom-sheet-behavior is a React Native library that wraps Android's native BottomSheetBehavior component, allowing developers to create interactive bottom sheets in Android apps. It solves the problem of implementing complex bottom sheet interactions, such as anchor states and coordinated UI elements, within a React Native environment.
React Native developers building Android apps who need native-like bottom sheet behaviors with advanced features like anchor points and integrated app bars.
Developers choose this library because it provides a direct bridge to Android's native BottomSheetBehavior with additional enhancements like anchor state support and pre-built UI components, reducing the need for custom native modules.
react-native wrapper for android BottomSheetBehavior
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Directly wraps Android's BottomSheetBehavior, ensuring smooth, Material Design-compliant interactions with minimal abstraction, as emphasized in the library's philosophy.
Adds a customizable middle state between collapsed and expanded, enabled via anchorEnabled prop and custom implementation from v1.0.0 for more nuanced UI control.
Includes components like MergedAppBarLayout and ScrollingAppBarLayout that automatically sync with bottom sheet movements, reducing manual event handling code.
FloatingActionButton with autoAnchor prop seamlessly follows bottom sheet drags, and supports react-native-vector-icons for easy icon integration.
Exclusively for Android; the README explicitly recommends alternatives like react-native-interactable for iOS, making it unfit for cross-platform projects.
Requires manual editing of Android Gradle files and linking, plus dependencies on specific support libraries, which can be error-prone and time-consuming.
AppBarLayouts only support ToolbarAndroid, not custom views, and components are not general-purpose, restricting design flexibility as noted in the README warnings.
For nested scrolling without anchorPoint, you must install react-native-nested-scroll-view separately, adding complexity and potential compatibility issues.