建站
咨詢
售后
建站咨詢
新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
創(chuàng)新互聯(lián)React教程：Web 視圖
工具
Edit on GitHub
創(chuàng)新互聯(lián)是專業(yè)的隆化網(wǎng)站建設公司，隆化接單;提供網(wǎng)站建設、網(wǎng)站制作,網(wǎng)頁設計,網(wǎng)站設計,建網(wǎng)站,PHP網(wǎng)站建設等專業(yè)做網(wǎng)站服務;采用PHP框架,可快速的進行隆化網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團隊,希望更多企業(yè)前來合作!
automaticallyAdjustContentInset 布爾型
contentInset {top: number, left: number, bottom: number, right: number}
html 字符串型
onNavigationStateChange 函數(shù)
renderError 函數(shù)
renderLoading 函數(shù)
shouldInjectAJAXHandler 布爾型
startInLoadingState 布爾型
style View#style
url 字符串型
例子
[Edit on GitHub](Edit on GitHub)
'use strict';var React = require('react-native');var StyleSheet = require('StyleSheet');var {
StyleSheet,
Text,
TextInput,
TouchableOpacity,
View,
WebView
} = React;var HEADER = '#3b5998';var BGWASH = 'rgba(255,255,255,0.8)';var DISABLED_WASH = 'rgba(255,255,255,0.25)';var TEXT_INPUT_REF = 'urlInput';var WEBVIEW_REF = 'webview';var DEFAULT_URL = 'https://m.facebook.com';var WebViewExample = React.createClass({
getInitialState: function() { return {
url: DEFAULT_URL,
status: 'No Page Loaded',
backButtonEnabled: false,
forwardButtonEnabled: false,
loading: true,
};
},
inputText: '',
handleTextInputChange: function(event) { this.inputText = event.nativeEvent.text;
},
render: function() { this.inputText = this.state.url; return (
{'<'}
{'>'}
Go!
{this.state.status}
);
},
goBack: function() { this.refs[WEBVIEW_REF].goBack();
},
goForward: function() { this.refs[WEBVIEW_REF].goForward();
},
reload: function() { this.refs[WEBVIEW_REF].reload();
},
onNavigationStateChange: function(navState) { this.setState({
backButtonEnabled: navState.canGoBack,
forwardButtonEnabled: navState.canGoForward,
url: navState.url,
status: navState.title,
loading: navState.loading,
});
},
onSubmitEditing: function(event) { this.pressGoButton();
},
pressGoButton: function() { var url = this.inputText.toLowerCase(); if (url === this.state.url) { this.reload();
} else { this.setState({
url: url,
});
} // dismiss keyoard
this.refs[TEXT_INPUT_REF].blur();
},
});var styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: HEADER,
},
addressBarRow: {
flexDirection: 'row',
padding: 8,
},
webView: {
backgroundColor: BGWASH,
height: 350,
},
addressBarTextInput: {
backgroundColor: BGWASH,
borderColor: 'transparent',
borderRadius: 3,
borderWidth: 1,
height: 24,
paddingLeft: 10,
paddingTop: 3,
paddingBottom: 3,
flex: 1,
fontSize: 14,
},
navButton: {
width: 20,
padding: 3,
marginRight: 3,
alignItems: 'center',
justifyContent: 'center',
backgroundColor: BGWASH,
borderColor: 'transparent',
borderRadius: 3,
},
disabledButton: {
width: 20,
padding: 3,
marginRight: 3,
alignItems: 'center',
justifyContent: 'center',
backgroundColor: DISABLED_WASH,
borderColor: 'transparent',
borderRadius: 3,
},
goButton: {
height: 24,
padding: 3,
marginLeft: 8,
alignItems: 'center',
backgroundColor: BGWASH,
borderColor: 'transparent',
borderRadius: 3,
alignSelf: 'stretch',
},
statusBar: {
flexDirection: 'row',
alignItems: 'center',
paddingLeft: 5,
height: 22,
},
statusBarText: {
color: 'white',
fontSize: 13,
},
spinner: {
width: 20,
marginRight: 6,
},
});
exports.title = '';
exports.description = 'Base component to display web content';
exports.examples = [
{
title: 'WebView',
render(): ReactElement { return 標題名稱：創(chuàng)新互聯(lián)React教程：Web 視圖
本文網(wǎng)址：http://m.fisionsoft.com.cn/article/cdgicos.html
