|
@@ -12,10 +12,21 @@ $ yarn add react-native-webview
|
12
|
12
|
|
13
|
13
|
React Native modules that include native Objective-C, Swift, Java, or Kotlin code have to be "linked" so that the compiler knows to include them in the app.
|
14
|
14
|
|
15
|
|
-This module does not require any extra step after running the link command 🎉
|
16
|
15
|
```
|
17
|
16
|
$ react-native link react-native-webview
|
18
|
17
|
```
|
|
18
|
+
|
|
19
|
+iOS:
|
|
20
|
+This module does not require any extra step after running the link command 🎉
|
|
21
|
+
|
|
22
|
+Android:
|
|
23
|
+Please make sure AndroidX is enabled in your project by editting `android/gradle.properties` and adding 2 lines:
|
|
24
|
+
|
|
25
|
+```
|
|
26
|
+android.useAndroidX=true
|
|
27
|
+android.enableJetifier=true
|
|
28
|
+```
|
|
29
|
+
|
19
|
30
|
For Android manual installation, please refer to [this article](https://engineering.brigad.co/demystifying-react-native-modules-linking-964399ec731b) where you can find detailed step on how to link any react-native project.
|
20
|
31
|
|
21
|
32
|
For iOS, while you can manually link the old way using [react-native own tutorial](https://facebook.github.io/react-native/docs/linking-libraries-ios), we find it easier to use cocoapods.
|
|
@@ -33,8 +44,8 @@ class MyWeb extends Component {
|
33
|
44
|
render() {
|
34
|
45
|
return (
|
35
|
46
|
<WebView
|
36
|
|
- source={{uri: 'https://infinite.red'}}
|
37
|
|
- style={{marginTop: 20}}
|
|
47
|
+ source={{ uri: 'https://infinite.red' }}
|
|
48
|
+ style={{ marginTop: 20 }}
|
38
|
49
|
/>
|
39
|
50
|
);
|
40
|
51
|
}
|