# react-native-webview-crossplatform

**Repository Path**: wayne214/react-native-webview-crossplatform

## Basic Information

- **Project Name**: react-native-webview-crossplatform
- **Description**: ReactNative的Webview，适配IOS和Android,支持Url拦截
- **Primary Language**: Objective-C
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2019-02-20
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# React Native WebView - a Modern, Cross-Platform WebView for React Native

## Platforms Supported

- [x] iOS (both UIWebView and WKWebView)
- [x] Android

## Getting Started

```
$ yarn add react-native-webview-crossplatform
$ react-native link react-native-webview-crossplatform
```

## Usage

Import the `WebView` component from `react-native-webview-crossplatform` and use it like so:

```jsx
import React, { Component } from 'react';
import { StyleSheet, Text, View } from 'react-native';
import { WebView } from 'react-native-webview-crossplatform';

// ...
class MyWebComponent extends Component {
  render() {
    return (
      <WebView
        source={{ uri: 'https://infinite.red/react-native' }}
        style={{ marginTop: 20 }}
        onLoadProgress={e=>console.log(e.nativeEvent.progress)}
        onShouldStartLoadWithRequest={e=>{
        console.log(e.nativeEvent.progress)
        return true
        }}
      />
    );
  }
}
```

For more, read the [API Reference](./docs/Reference.md) and [Guide](./docs/Guide.md).

## License

MIT