@chainplatform/react-native-web-webview

@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 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.

Contributing

PRs are welcome!