React Native - WebView

Di bab ini, kita akan mempelajari cara menggunakan WebView. Ini digunakan ketika Anda ingin merender halaman web ke aplikasi seluler Anda sebaris.

Menggunakan WebView

Itu HomeContainer akan menjadi komponen wadah.

App.js

import React, { Component } from 'react'
import WebViewExample from './web_view_example.js'

const App = () => {
   return (
      <WebViewExample/>
   )
}
export default App;

Mari kita buat file baru bernama WebViewExample.js di dalam src/components/home map.

web_view_example.js

import React, { Component } from 'react'
import { View, WebView, StyleSheet }

from 'react-native'
const WebViewExample = () => {
   return (
      <View style = {styles.container}>
         <WebView
         source = {{ uri:
         'https://www.google.com/?gws_rd=cr,ssl&ei=SICcV9_EFqqk6ASA3ZaABA#q=tutorialspoint' }}
         />
      </View>
   )
}
export default WebViewExample;

const styles = StyleSheet.create({
   container: {
      height: 350,
   }
})

Program di atas akan menghasilkan keluaran sebagai berikut.