|
5 years ago | |
---|---|---|
android | 6 years ago | |
bin | 6 years ago | |
docs | 6 years ago | |
ios | 6 years ago | |
js | 6 years ago | |
.flowconfig | 6 years ago | |
.flowconfig.android | 6 years ago | |
.gitignore | 6 years ago | |
LICENSE | 6 years ago | |
README.md | 5 years ago | |
index.js | 6 years ago | |
package.json | 6 years ago | |
react-native-webview.podspec | 6 years ago |
React Native WebView is a modern, well-supported, and cross-platform WebView for React Native. It is intended to be a replacement for the built-in WebView (which will be removed from core).
Please note that this package is pre-release and not yet ready for production use.
Note: this is currently a work-in-progress and not yet published to NPM.
$ npm install --save https://github.com/react-native-community/react-native-webview
$ react-native link react-native-webview
Read our Getting Started Guide for more.
Import the WebView
component from react-native-webview
and use it like so:
import React, { Component } from 'react'
import { StyleSheet, Text, View } from 'react-native'
import { WebView } from 'react-native-webview'
// ...
class MyWebComponent extends Component {
render () {
return (
<WebView
source={{uri: "https://infinite.red/react-native"}}
style={{marginTop: 20}}
/>
)
}
}
For more, read the API Reference and Guide.
Simply install React Native WebView and then use it in place of the core WebView. Their APIs are currently identical, except that this package defaults useWebKit={true}
unlike the built-in WebView.
useWebKit={false}
to use UIWebViewyarn flow
or npm run flow
for iOSyarn flow-android
or npm run flow-android
for Android.flowconfig
for it. If your platform is example
, copy the main flowconfig and rename it to .flowconfig.example
. Then edit the config to ignore other platforms, and add .*/*[.]example.js
to the ignore lists of the other platforms. Then add an entry to package.json
like this:
"flow-example": "flow check --flowconfig-name .flowconfig.example"
flow check
will not pass against 0.56.MIT