react-native-web-webview
Version:
React Native for Web implementation of RN's WebView
68 lines (49 loc) • 1.55 kB
Markdown
# react-native-web-webview
> React Native for Web implementation of RN's WebView
## Getting started
`$ npm install react-native-web-webview --save`
Alias the package in your webpack config:
```
resolve: {
alias: {
'react-native': 'react-native-web',
...
'react-native-webview': 'react-native-web-webview',
}
}
```
Add the following rule to your webpack config:
```js
const rule = {
test: /postMock.html$/,
use: {
loader: 'file-loader',
options: {
name: '[name].[ext]',
},
},
};
```
## Usage
```js
import { WebView } from 'react-native-webview';
```
See [RN's doc](https://github.com/react-native-community/react-native-webview).
Supported props are:
- `source`
- `onMessage`
- `scrollEnabled`
- `injectedJavaScript`
- `style`
Additional, web-specific props are:
- `newWindow`: (_boolean_|_{ name: string, features: string}_)
This will open the source in a new window, optionally giving it an [internal name and custom features](https://developer.mozilla.org/en-US/docs/Web/API/Window/open).
By default, the name is `webview` and there are no features set.
This is useful when your target has X-Frame-Options or a no-CORS policy.
It currently only supports a `source` prop with a `method` set to `POST`.
Please feel free to do a PR to support more request types!
- `title`: (_string_) This prop will set the `webview` title.
## Examples
See the [storybook](https://react-native-web-community.github.io/react-native-web-webview/storybook).
## Contributing
PRs are welcome!