React Native - WebView

Trong chương này, chúng ta sẽ học cách sử dụng WebView. Nó được sử dụng khi bạn muốn hiển thị trang web tới nội tuyến ứng dụng di động của mình.

Sử dụng WebView

Các HomeContainer sẽ là một thành phần vùng chứa.

App.js

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

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

Hãy để chúng tôi tạo một tệp mới có tên WebViewExample.js bên trong src/components/home thư mục.

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,
   }
})

Chương trình trên sẽ tạo ra kết quả sau.