react-native-boxes 1.4.11 → 1.4.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/src/Modal.tsx +13 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-native-boxes",
3
- "version": "1.4.11",
3
+ "version": "1.4.13",
4
4
  "description": "A react native library for rapid development of UI using boxes",
5
5
  "main": "src/index.js",
6
6
  "scripts": {
package/src/Modal.tsx CHANGED
@@ -142,7 +142,11 @@ export const BottomSheet = (props: BottomSheetProps) => {
142
142
  </ScrollView>
143
143
  ) : (
144
144
  <GestureDetector gesture={fling}>
145
- {props.children}
145
+ <VBox style={{
146
+ width: '100%'
147
+ }}>
148
+ {props.children}
149
+ </VBox>
146
150
  </GestureDetector>
147
151
  )
148
152
  }
@@ -353,7 +357,14 @@ export type DropDownViewProps = {
353
357
  displayType?: 'button' | 'input',
354
358
  onRenderOption?: (opt: DropDownViewOption) => any,
355
359
  forceDialogSelectOnWeb?: Boolean
360
+ swipeToCloseDisabled?: boolean
356
361
  } & ViewProps
362
+
363
+ /**
364
+ * set swipeToCloseDisabled = true if you face issues with scrolling
365
+ * @param props
366
+ * @returns
367
+ */
357
368
  export const DropDownView = (props: DropDownViewProps) => {
358
369
  const displayType = props.displayType || 'input'
359
370
  const theme = useContext(ThemeContext)
@@ -400,6 +411,7 @@ export const DropDownView = (props: DropDownViewProps) => {
400
411
  return (
401
412
  <VBox style={props.style}>
402
413
  <BottomSheet
414
+ swipeToCloseDisabled={props.swipeToCloseDisabled}
403
415
  visible={visible as boolean}
404
416
  onDismiss={() => {
405
417
  setVisible(false)