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

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

主要屬性和方法：

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

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

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

• onError?方法 當網(wǎng)頁加載失敗的時候調用

• onLoad?方法 當網(wǎng)頁加載結束的時候調用

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

• onLoadStart?方法 當網(wǎng)頁開始加載的時候調用

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

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

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

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

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

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

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

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

總結

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

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