轉自：http://blog.csdn.net/u014360817/article/details/52463803

一般WebView有兩種加載方式 一種是通過URL加載網頁，第二種是通過本地靜態頁面加載下圖演示加載網頁和代碼段

主要屬性和方法：

• automaticallyAdjustContentInsets?bool 設置是否自動調整內容

• contentInset?{top:number,left:number,bottom:number,right:number} 設置內容所占的尺寸大小

• injectJavaScript?屬性 當網頁加載之前進行注入一段js代碼

• onError?方法 當網頁加載失敗的時候調用

• onLoad?方法 當網頁加載結束的時候調用

• onLoadEnd?方法 當網頁加載結束調用，不管是成功還是失敗

• onLoadStart?方法 當網頁開始加載的時候調用

• renderError?方法 用于渲染一個View視圖用來顯示錯誤信息

• source?屬性 設置加載的網頁地址和靜態頁面

• bounces?iOS屬性 設置是否有界面反彈特性

• domStorageEnabled?Android屬性 該只適合于Android平臺，用于控制是否開啟DOM Storage（存儲）

• javaScriptEnabled?Android屬性 是否開啟JavaScript，在iOS中的WebView是默認開啟的

• onShouldStartLoadWithRequest?IOS方法 該允許攔截WebView加載的URL地址，進行自定義處理。該方法通過返回true或者falase來決定是否繼續加載該攔截到請求

• scalesPageToFit?IOS屬性 用于設置網頁是否縮放自適應到整個屏幕視圖以及用戶是否可以改變縮放頁面

• scrollEnabled?IOS屬性 用于設置是否開啟頁面滾動

/*** Created by gaocai on 16/9/7.*/ import React, {Component} from 'react'; import {AppRegistry,WebView, } from 'react-native';class WebViewG extends Component {render() {return (<WebView/* 兩種加載方式* 加載網頁 source:{{uri: '網址'}}* 加載本地靜態頁面 source:{{html: '靜態頁面代碼段'}}*/// source={{html: '<h1>這是加載的代碼段</h1>'}}source={{uri: 'http://www.baidu.com'}}//加載狀態顯示startInLoadingState={true}//存儲 IOS是默認支持的domStorageEnabled={true}//是否支持javascriptjavaScriptEnabled={true}/>)} }module.exports = WebViewG;

總結

以上是生活随笔為你收集整理的ReactNative-WebView组件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。