react-native-modalize-webview

!Supports iOS
!MIT License

React Native modal component that brings swipe to dismiss to WebView.

Getting started

$ npm install react-native-modalize-webview --save

Usage

Import ModalizeWebView and use it like the regular Modalize component. Provide WebView props via webViewProps to customize the displayed web page.

``javascript
import {ModalizeWebView} from 'react-native-modalize-webview'

function MyComponent() {
const modalizeRef = useRef(null)

const handleOpen = useCallback(() => {
if (modalizeRef.current) {
modalizeRef.current.open()
}
}, [])

return (
<>

Open the modal


ref={modalizeRef}
handlePosition="inside"
webViewProps={{
source: {
uri: 'https://facebook.github.io/react-native/',
},
}}
/>

)
}
`

Props

- Inherited Modalize props...

- webViewProps
- anchorOffset

---

Reference

Props

$3

Configures the underlying WebView component.

| Type | Required |
| -------------------------------------------------------------------------------------------------------------------- | -------- |
| WebViewProps | Yes |

$3

Specifies extra offset from top on scroll to an anchor link. Defaults to 16.

| Type | Required |
| -------- | -------- |
| number` | No |

License

MIT License © Alka, Inc