#React Native#110网页浏览器<1>WebView
(2017-11-22 14:12:10)| 分类: 计算机相关 |
http://reactnative.cn/docs/0.36/webview.html 官方文档地址
1.WebView 组件样式设置
WebView
接收所有View组件的属性,除此之外还有自己独特属性。
allowsInlineMediaPlayback
bool
指定HTML5视频是在网页当前位置播放还是使用原生的全屏播放器播放。
默认值为false。
注意 :
要让视频在网页中播放,不光要将这个属性设为true,HTML中的视频元素本身也需要包含webkit-playsinline属性。
automaticallyAdjustContentInsets bool
:自动调整网页内容
ios bounces bool :IOS特有回弹属性。
contentInset {top: number, left:
number, bottom: number, right: number} :四边距离。
ios decelerationRate
ScrollView.propTypes.decelerationRate
:指定一个浮点数,用于设置在用户停止触摸之后,此视图应以多快的速度停止滚动。也可以指定预设的字符串值,如"normal"和"fast",分别对应UIScrollViewDecelerationRateNormal
和UIScrollViewDecelerationRateFast。
Normal(正常速度): 0.998
Fast(较快速度): 0.9 (iOS WebView的默认值)
android domStorageEnabled
bool 仅限Android平台。指定是否开启DOM本地存储。
html string :已过期 请使用source 属性代替。显示Html字符串。
injectedJavaScript string
:设置在网页加载之前注入的一段JS代码。
mediaPlaybackRequiresUserAction bool
:设置页面中的HTML5音视频是否需要在用户点击后再开始播放。默认值为false.
onError function :加载失败时调用。
onLoad function :加载成功时调用。
onLoadEnd function :加载结束时(无论成功或失败)调用。
onLoadStart function :加载开始时调用。
android javaScriptEnabled bool
:仅限Android平台。iOS平台JavaScript是默认开启的。
onNavigationStateChange function
:导航栏状态改变时被调用。
ios onShouldStartLoadWithRequest
function :允许为webview发起的请求运行一个自定义的处理函数。返回true或false表示是否要继续执行响应的请求。
renderError function :设置一个函数,返回一个视图用于显示错误。
renderLoading function :设置一个函数,返回一个加载指示器。
source :可以处理两种对象结构,{uri: string,
method: string, headers: object, body: string}, {html: string,
baseUrl: string}, number :在WebView中载入一段静态的html代码或是一个url(还可以附带一些header选项)。
scalesPageToFit bool:设置是否要把网页缩放到适应视图的大小,以及是否允许用户改变缩放比例。
ios scrollEnabled bool
:是否当前页可以滚动。
startInLoadingState bool :用来指定WebView
组件在开始加载时,loading状态值,等待网页读取完成后显示。
url
string 已过期 请使用source 属性代替。
android userAgent
string :为WebView设置user-agent字符串标识。这一字符串也可以在原生端用WebViewConfig来设置,但js端的设置会覆盖原生端的设置。

加载中…