https://github.com/react-native-web-community/react-native-web-webview

React Native for Web implementation of RN's WebView
https://github.com/react-native-web-community/react-native-web-webview

react-native-web webview

Last synced: 1 day ago
JSON representation

React Native for Web implementation of RN's WebView

• Host: GitHub
• URL: https://github.com/react-native-web-community/react-native-web-webview
• Owner: react-native-web-community
• License: mit
• Created: 2017-10-01T20:28:16.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2024-07-23T20:13:42.000Z (7 months ago)
• Last Synced: 2025-02-01T11:06:53.245Z (8 days ago)
• Topics: react-native-web, webview
• Language: JavaScript
• Homepage: https://react-native-web-community.github.io/react-native-web-webview/storybook
• Size: 2.54 MB
• Stars: 132
• Watchers: 3
• Forks: 48
• Open Issues: 44
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 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!