เริ่มต้นวิธีการใช้งาน React Native WebView สำหรับ Android

11 มีนาคม 2563     MatumWeb

เริ่มต้นวิธีการใช้งาน React Native WebView

1. ติดตั้ง react-native-webview ใน Folder Project

$ npm install --save react-native-webview

2. ติดตั้ง Link native

$ react-native link react-native-webview

หมายเหตุ: หากคุณต้องการถอนการติดตั้ง React Native WebView ให้เรียกใช้ react-native unlink react-native-webview เพื่อยกเลิกการเชื่อมโยง

3. Code สำหรับ แสดง WebView

import React, { Component } from 'react';

import { WebView } from 'react-native-webview';

 

class MyWeb extends Component {

  render() {

    return (

      <WebView

        source={{ uri: https://www.matumweb.com/' }}

        style={{ marginTop: 20 }}

      />

    );

  }

}

 ภาพโดย https://aboutreact.com/