DraggableModal
Component to render a draggable modal, based on react-native-bottom-sheet
(opens in a new tab).
It wraps a BottomSheetModal
, if you need to add scroll inside content view you can use scrollables components from https://gorhom.dev/react-native-bottom-sheet/scrollables (opens in a new tab)
⚠️
If BottomSheetScrollView
from react-native-bottom-sheet
is not working inside DraggableModal
component then try to use ScrollView
from react-native-gesture-handler
Import
import { DraggableModal } from "react-native-ficus-ui";
Usage
EDITABLE EXAMPLE
Props
Extends every Box
props and BottomSheetModalProps
from @gorhom/bottom-sheet
isOpen
Boolean to indicate if the modal is opened or not.
Type | Required | Default |
---|---|---|
boolean | No | false |
onClose
Method called when the modal is closed by the user.
Type | Required | Default |
---|---|---|
() => void | No |