Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

react-native-raw-bottom-sheet

Package Overview
Dependencies
Maintainers
1
Versions
18
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-native-raw-bottom-sheet - npm Package Compare versions

Comparing version 2.0.0 to 2.0.1

2

package.json
{
"name": "react-native-raw-bottom-sheet",
"version": "2.0.0",
"version": "2.0.1",
"description": "Add Your Own Component To Bottom Sheet Whatever You Want (Android & iOS)",

@@ -5,0 +5,0 @@ "main": "index.js",

@@ -12,3 +12,3 @@ # react-native-raw-bottom-sheet

- Customize Whatever You Like
- Support Drag Down Gesture
- Support Swipe Down Gesture
- Support All Orientations

@@ -45,4 +45,12 @@ - Support Both Android And iOS

<View style={{ flex: 1, marginTop: 50, alignItems: "center" }}>
<Button title="OPEN BOTTOM SHEET" onPress={() => RBSheet.open()} />
<Button
title="OPEN BOTTOM SHEET"
onPress={() => {
this.RBSheet.open();
}}
/>
<RBSheet
ref={ref => {
this.RBSheet = ref;
}}
height={300}

@@ -77,3 +85,3 @@ duration={250}

| duration | number | Duration of Bottom Sheet animation | 300 (ms) |
| closeOnDragDown | boolean | Use gesture drag down to close Bottom Sheet | false |
| closeOnDragDown | boolean | Use gesture swipe down to close Bottom Sheet | false |
| closeOnPressMask | boolean | Press the area outside to close Bottom Sheet | true |

@@ -101,3 +109,3 @@ | onClose | function | Callback function when Bottom Sheet has closed | |

- Call each method by using `RBSheet.methodName()` like example above.
- Always set `ref` to `RBSheet` and call each method by using `this.RBSheet.methodName()` like example above.
- If you want to use `Scrollable Component` like `ScrollView`, `FlatList` or something else inside `RBSheet`, you have to change props `closeOnDragDown` to `false` otherwise it won't work.

@@ -104,0 +112,0 @@

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc