@chainplatform/react-native-web-webview
v1.0.6
Published
React Native Web WebView implementation of RN's WebView, this package fork from https://www.npmjs.com/package/react-native-web-webview adn fix deprecated function.
Downloads
115
Maintainers
Readme
@chainplatform/react-native-web-webview
React Native Web WebView implementation of RN's WebView, this package fork from https://www.npmjs.com/package/react-native-web-webview adn fix deprecated function.
Getting started
npm install @chainplatform/react-native-web-webview --save
or
yarn add @chainplatform/react-native-web-webview
Alias the package in your webpack config:
resolve: {
alias: {
'react-native$': 'react-native-web',
'react-native-webview': '@chainplatform/react-native-web-webview',
... others alias
}
}
Install File Loader:
yarn add --dev file-loader
Add the following rule to your webpack config:
module.exports = {
... others line
module: {
rules: [
... others line
{
test: /postMocks.html$/,
use: {
loader: 'file-loader',
options: {
name: '[name].[ext]',
},
}
}
]
}
... others line
}
Usage
import { WebView } from 'react-native-webview';
See RN's doc.
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. By default, the name iswebview
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 asource
prop with amethod
set toPOST
. Please feel free to do a PR to support more request types!title
: (string) This prop will set thewebview
title.
Contributing
PRs are welcome!