status-im/react-native-webview
2
0
Fork 0
mirror of https://github.com/status-im/react-native-webview.git synced 2025-02-22 08:48:39 +00:00
Code Issues Projects Releases Wiki Activity

docs(Documentation): Expo and Troubleshooting (#145)

Browse Source 
* Add fix for keyboard dismiss leaving viewport shifted in iOS 12

* Readme - added note about Expo and added troubleshooting section
This commit is contained in:
Jamon Holmgren 2018-11-19 02:28:55 -08:00 committed by Thibault Malbranche
parent fd736cf26b
commit 8064f66e03
1 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
README.md
View File

@ -8,6 +8,8 @@
- [x] Android - [x] Android
- [ ] Windows 10 (coming soon) - [ ] Windows 10 (coming soon)
_Note: React Native WebView is not currently supported by Expo unless you "eject"._
## Versioning ## Versioning
If you need the exact same WebView as the one from react-native, please use version **2.0.0**. Future versions will follow [semantic versioning](https://semver.org/). If you need the exact same WebView as the one from react-native, please use version **2.0.0**. Future versions will follow [semantic versioning](https://semver.org/).
@ -26,18 +28,18 @@ Read our [Getting Started Guide](./docs/Getting-Started.md) for more.
Import the `WebView` component from `react-native-webview` and use it like so: Import the `WebView` component from `react-native-webview` and use it like so:
```jsx ```jsx
import React, { Component } from 'react'; import React, { Component } from "react";
import { StyleSheet, Text, View } from 'react-native'; import { StyleSheet, Text, View } from "react-native";
import { WebView } from 'react-native-webview'; import { WebView } from "react-native-webview";
// ... // ...
class MyWebComponent extends Component { class MyWebComponent extends Component {
render() { render() {
return ( return (
<WebView <WebView
source={{ uri: 'https://infinite.red/react-native' }} source={{ uri: "https://infinite.red/react-native" }}
style={{ marginTop: 20 }} style={{ marginTop: 20 }}
onLoadProgress={e=>console.log(e.nativeEvent.progress)} onLoadProgress={e => console.log(e.nativeEvent.progress)}
/> />
); );
} }
@ -50,6 +52,10 @@ For more, read the [API Reference](./docs/Reference.md) and [Guide](./docs/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. 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.
## Troubleshooting
- If you're getting `Invariant Violation: Native component for "RNCWKWebView does not exist"` it likely means you forgot to run `react-native link` or there was some error with the linking process
### Contributor Notes ### Contributor Notes
- I've removed all PropTypes for now. Instead, we'll be using Flow types. TypeScript types will be added at a later date. - I've removed all PropTypes for now. Instead, we'll be using Flow types. TypeScript types will be added at a later date.