Tutorial React Native Webview

Pada kali ini. kita akan belajar bagaimana mengunakan Webview pada aplikasi react native. Webview digunakan ketikan kita ingin membuka web site di dalam aplikasi react native yang kita kembangkan.

Langsung saja buat project react native atau menambahkan di project yang sudah dikembangkan. namun kali ini kita buat project baru

npx react-native init reactnativewebview

Cara Mengunakan Webview

install package react-native-webview pada root project yang sudah di buat tadi.

yarn add react-native-webview

import package react-native-webview yang sudah kita install barusan.

import React from 'react';
import { Text, View } from 'react-native';
import { WebView } from 'react-native-webview';

import React from 'react'; 
import { Text, View } from 'react-native'; 
import { WebView } from 'react-native-webview';
const App = () => {
   return (
<View style={{flex:1}}>
<WebView source = {{ uri:'https://tutorialkodingku.com' }} />
</View>
) 
} 
export default App;