加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

#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端的设置会覆盖原生端的设置。

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有