轉(zhuǎn)自：http://blog.csdn.net/u014360817/article/details/52463803

一般WebView有兩種加載方式 一種是通過(guò)URL加載網(wǎng)頁(yè)，第二種是通過(guò)本地靜態(tài)頁(yè)面加載下圖演示加載網(wǎng)頁(yè)和代碼段

主要屬性和方法：

• automaticallyAdjustContentInsets?bool 設(shè)置是否自動(dòng)調(diào)整內(nèi)容

• contentInset?{top:number,left:number,bottom:number,right:number} 設(shè)置內(nèi)容所占的尺寸大小

• injectJavaScript?屬性 當(dāng)網(wǎng)頁(yè)加載之前進(jìn)行注入一段js代碼

• onError?方法 當(dāng)網(wǎng)頁(yè)加載失敗的時(shí)候調(diào)用

• onLoad?方法 當(dāng)網(wǎng)頁(yè)加載結(jié)束的時(shí)候調(diào)用

• onLoadEnd?方法 當(dāng)網(wǎng)頁(yè)加載結(jié)束調(diào)用，不管是成功還是失敗

• onLoadStart?方法 當(dāng)網(wǎng)頁(yè)開(kāi)始加載的時(shí)候調(diào)用

• renderError?方法 用于渲染一個(gè)View視圖用來(lái)顯示錯(cuò)誤信息

• source?屬性 設(shè)置加載的網(wǎng)頁(yè)地址和靜態(tài)頁(yè)面

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

• domStorageEnabled?Android屬性 該只適合于Android平臺(tái)，用于控制是否開(kāi)啟DOM Storage（存儲(chǔ)）

• javaScriptEnabled?Android屬性 是否開(kāi)啟JavaScript，在iOS中的WebView是默認(rèn)開(kāi)啟的

• onShouldStartLoadWithRequest?IOS方法 該允許攔截WebView加載的URL地址，進(jìn)行自定義處理。該方法通過(guò)返回true或者falase來(lái)決定是否繼續(xù)加載該攔截到請(qǐng)求

• scalesPageToFit?IOS屬性 用于設(shè)置網(wǎng)頁(yè)是否縮放自適應(yīng)到整個(gè)屏幕視圖以及用戶是否可以改變縮放頁(yè)面

• scrollEnabled?IOS屬性 用于設(shè)置是否開(kāi)啟頁(yè)面滾動(dòng)

/*** 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/* 兩種加載方式* 加載網(wǎng)頁(yè) source:{{uri: '網(wǎng)址'}}* 加載本地靜態(tài)頁(yè)面 source:{{html: '靜態(tài)頁(yè)面代碼段'}}*/// source={{html: '<h1>這是加載的代碼段</h1>'}}source={{uri: 'http://www.baidu.com'}}//加載狀態(tài)顯示startInLoadingState={true}//存儲(chǔ) IOS是默認(rèn)支持的domStorageEnabled={true}//是否支持javascriptjavaScriptEnabled={true}/>)} }module.exports = WebViewG;

總結(jié)

以上是生活随笔為你收集整理的ReactNative-WebView组件的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。