@lodev09/react-native-true-sheet 0.11.0 → 0.11.2

package/README.md

@@ -9,25 +9,29 @@ The true native bottom sheet experience for your React Native Apps. 💩
 <img alt="React Native True Sheet" src="docs/static/img/preview.gif" width="600px" />
 
 ## Features
-* ✅ Implemented in the native realm.
-* ✅ **_NOT_** your pure JS, (re)animated view (might integrate in the future 👀)
-* ✅ Clean, fast, and lightweight.
-* ✅ Handles your _Scrolling_ needs, natively.
-* ✅ Handles your _Footer_ needs, natively.
-* ✅ Handles your _Keyboard_ needs, natively.
-* ✅ Asynchronus `ref` [methods](https://sheet.lodev09.com/reference/methods#ref-methods).
-* ✅ Bonus! [Blur](https://sheet.lodev09.com/reference/types#blurtint) support on IOS 😎
+
+* Implemented in the native realm.
+* Clean, fast, and lightweight.
+* Asynchronus `ref` [methods](https://sheet.lodev09.com/reference/methods#ref-methods).
+* Bonus! [Blur](https://sheet.lodev09.com/reference/types#blurtint) support on IOS 😎
 
 ## Installation
 
+You can install the package by using either `yarn` or `npm`.
+
 ```sh
 yarn add @lodev09/react-native-true-sheet
 ```
-
 ```sh
 npm i @lodev09/react-native-true-sheet
 ```
 
+Next, run the following to install it on IOS.
+
+```sh
+cd ios && pod install
+```
+
 ## Documentation
 
 - [Guides](https://sheet.lodev09.com/category/guides)
@@ -69,15 +73,10 @@ export const App = () => {
 }
 ```
 
-## TODO (v1)
-
-- [ ] Test with RN new architecture
-- [ ] Reanimated integration(?)
-
 ## Contributing
 
 See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.
 
 ## License
 
-MIT
+[MIT](LICENSE)

package/android/src/main/java/com/lodev09/truesheet/TrueSheetDialog.kt

@@ -40,6 +40,15 @@ class TrueSheetDialog(private val reactContext: ThemedReactContext, private val
   var footerHeight = 0
   var maxSheetHeight: Int? = null
 
+  var dismissible: Boolean = true
+    set(value) {
+      field = value
+      setCanceledOnTouchOutside(value)
+      setCancelable(value)
+
+      behavior.isHideable = value
+    }
+
   var footerView: ViewGroup? = null
 
   var sizes: Array<Any> = arrayOf("medium", "large")
@@ -81,7 +90,7 @@ class TrueSheetDialog(private val reactContext: ThemedReactContext, private val
           WindowManager.LayoutParams.FLAG_DIM_BEHIND
         )
 
-        setCanceledOnTouchOutside(true)
+        setCanceledOnTouchOutside(dismissible)
       } else {
         // Override the background touch and pass it to the components outside
         view.setOnTouchListener { v, event ->
@@ -101,7 +110,7 @@ class TrueSheetDialog(private val reactContext: ThemedReactContext, private val
   /**
    * Present the sheet.
    */
-  fun show(sizeIndex: Int) {
+  fun present(sizeIndex: Int) {
     setupDimmedBackground(sizeIndex)
     if (isShowing) {
       setStateForSizeIndex(sizeIndex)

package/android/src/main/java/com/lodev09/truesheet/TrueSheetView.kt

@@ -253,7 +253,7 @@ class TrueSheetView(context: Context) :
   }
 
   fun setDismissible(dismissible: Boolean) {
-    sheetDialog.setCancelable(dismissible)
+    sheetDialog.dismissible = dismissible
   }
 
   fun setSizes(newSizes: Array<Any>) {
@@ -270,7 +270,7 @@ class TrueSheetView(context: Context) :
     }
 
     presentPromise = promiseCallback
-    sheetDialog.show(sizeIndex)
+    sheetDialog.present(sizeIndex)
   }
 
   /**
@@ -278,10 +278,7 @@ class TrueSheetView(context: Context) :
    */
   fun dismiss(promiseCallback: () -> Unit) {
     dismissPromise = promiseCallback
-
-    // Note: We are not calling `sheetDialog.dismiss()` here.
-    // This is to properly set the behavior state.
-    sheetDialog.behavior.state = BottomSheetBehavior.STATE_HIDDEN
+    sheetDialog.dismiss()
   }
 
   companion object {

package/ios/TrueSheet-Bridging-Header.h

@@ -7,3 +7,6 @@
 //
 
 #import <React/RCTViewManager.h>
+#import <React/RCTUIManager.h>
+#import <React/RCTTouchHandler.h>
+#import <React/RCTScrollView.h>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lodev09/react-native-true-sheet",
-  "version": "0.11.0",
+  "version": "0.11.2",
   "description": "The true native bottom sheet experience for your React Native Apps.",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -48,7 +48,7 @@
     "type": "git",
     "url": "git+https://github.com/lodev09/react-native-true-sheet.git"
   },
-  "author": "lodev09 <lodev09@gmail.com> (https://github.com/lodev09)",
+  "author": "Jovanni Lo <lodev09@gmail.com> (https://github.com/lodev09)",
   "license": "MIT",
   "bugs": {
     "url": "https://github.com/lodev09/react-native-true-sheet/issues"