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

Comparing version 2.0.4 to 2.0.5

index.d.ts

@@ -12,2 +12,3 @@ import { Component } from "react";
     closeOnPressMask?: boolean;
+    closeOnPressBack?: boolean;
     onClose?: () => void;
@@ -14,0 +15,0 @@ customStyles?: {

package.json

 {
   "name": "react-native-raw-bottom-sheet",
-  "version": "2.0.4",
+  "version": "2.0.5",
   "description": "Add Your Own Component To Bottom Sheet Whatever You Want (Android & iOS)",
@@ -18,4 +18,5 @@ "main": "index.js",
     "raw-bottom-sheet",
-    "bottomsheet",
+    "bottom-drawer",
     "bottom-animated",
+    "drawer",
     "picker",
@@ -22,0 +23,0 @@ "swipper",

README.md

@@ -85,3 +85,3 @@ # react-native-raw-bottom-sheet
         }}>
-        <YourOwnComponent />
+        <YourOwnComponent onPress={() => this[RBSheet + index].close() />
       </RBSheet>
@@ -94,12 +94,13 @@ </View>
 
-| Props            | Type     | Description                                    | Default  |
-| ---------------- | -------- | ---------------------------------------------- | -------- |
-| animationType    | string   | Background animation ("none", "fade", "slide") | "none"   |
-| height           | number   | Height of Bottom Sheet                         | 260      |
-| minClosingHeight | number   | Minimum height of Bottom Sheet before close    | 0        |
-| duration         | number   | Duration of Bottom Sheet animation             | 300 (ms) |
-| closeOnDragDown  | boolean  | Use gesture drag down to close Bottom Sheet    | false    |
-| closeOnPressMask | boolean  | Press the area outside to close Bottom Sheet   | true     |
-| onClose          | function | Callback function when Bottom Sheet has closed | null     |
-| customStyles     | object   | Custom style to Bottom Sheet                   | {}       |
+| Props            | Type     | Description                                             | Default  |
+| ---------------- | -------- | ------------------------------------------------------- | -------- |
+| animationType    | string   | Background animation ("none", "fade", "slide")          | "none"   |
+| height           | number   | Height of Bottom Sheet                                  | 260      |
+| minClosingHeight | number   | Minimum height of Bottom Sheet before close             | 0        |
+| duration         | number   | Duration of Bottom Sheet animation                      | 300 (ms) |
+| closeOnDragDown  | boolean  | Use gesture drag down to close Bottom Sheet             | false    |
+| closeOnPressMask | boolean  | Press the area outside to close Bottom Sheet            | true     |
+| closeOnPressBack | boolean  | Press back android to close Bottom Sheet (Android only) | true     |
+| onClose          | function | Callback function when Bottom Sheet has closed          | null     |
+| customStyles     | object   | Custom style to Bottom Sheet                            | {}       |
 
@@ -110,3 +111,3 @@ ### Available Custom Style
 customStyles: {
-  wrapper: {...}, // The Root of Component
+  wrapper: {...}, // The Root of Component (You can change the `backgroundColor` or any styles)
   container: {...}, // The Container of Bottom Sheet
@@ -113,0 +114,0 @@ draggableIcon: {...} // The Draggable Icon (If you set closeOnDragDown to true)

src/index.js

@@ -88,3 +88,10 @@ import React, { Component } from "react";
   render() {
-    const { animationType, closeOnDragDown, closeOnPressMask, children, customStyles } = this.props;
+    const {
+      animationType,
+      closeOnDragDown,
+      closeOnPressMask,
+      closeOnPressBack,
+      children,
+      customStyles
+    } = this.props;
     const { animatedHeight, pan, modalVisible } = this.state;
@@ -102,3 +109,3 @@ const panStyle = {
         onRequestClose={() => {
-          this.setModalVisible(false);
+          if (closeOnPressBack) this.setModalVisible(false);
         }}
@@ -140,2 +147,3 @@ >
   closeOnPressMask: PropTypes.bool,
+  closeOnPressBack: PropTypes.bool,
   customStyles: PropTypes.objectOf(PropTypes.object),
@@ -153,2 +161,3 @@ onClose: PropTypes.func,
   closeOnPressMask: true,
+  closeOnPressBack: true,
   customStyles: {},
@@ -155,0 +164,0 @@ onClose: null,

No alert changes

Improved metrics

Total package byte prevSize

18903

increased by2.6%

Lines of code

340

increased by3.03%

Number of lines in readme file

139

increased by0.72%

No dependency changes