WebView组件属性方法

2017-05-09  本文已影响94人  诺花生

WebView组件进行创建渲染一个原生的WebView,进行加载一个网页。

属性方法

继承可以使用View组件的所有属性和Style(具体查看:http://facebook.github.io/react-native/docs/view.html#contenthttp://facebook.github.io/react-native/docs/view.html#style)

automaticallyAdjustContentInsets bool设置是否自动调整内容

contentInset  {top:number,left:number,bottom:number,right:number}设置内容所占的尺寸大小

htmlstringWebView加载的HTML文本字符串

injectJavaScript  string当网页加载之前进行注入一段js代码

onErrorfunction方法当网页加载失败的时候调用

onLoad  function方法当网页加载结束的时候调用

onLoadEnd fucntion当网页加载结束调用,不管是成功还是失败

onLoadStart  function当网页开始加载的时候调用

onNavigationStateChange function方法当导航状态发生变化的时候调用

renderError  function该方法用于渲染一个View视图用来显示错误信息

renderLoagin function该方法用于渲染一个View视图用来显示一个加载进度指示器

startInLoadingState  bool

url  string设置加载的网页地址

allowsInlineMediaPlayback  bool该适合iOS平台,设置决定当使用HTML5播放视频的时候在当前页面位置还是使用原生的全屏播放器播放,默认值false。【注意】.为了让视频在原网页位置进行播放,不光要设置该属性为true,还必须要设置HTML页面中video节点的包含webkit-playsinline属性

bouncesbool该适合iOS平台设置是否有界面反弹特性

domStorageEnabled bool该适合Android平台该只适合于Android平台,用于控制是否开启DOM Storage(存储)

javaScriptEnabled  bool该适合于Android平台,是否开启javascript,在iOS中的WebView是默认开启的

onShouldStartLoadWithRequest  function该适合iOS平台,该允许拦截WebView加载的URL地址,进行自定义处理。该方法通过返回true或者falase来决定是否继续加载该拦截到请求

scalesPageToFit  bool该适合iOS平台用于设置网页是否缩放自适应到整个屏幕视图以及用户是否可以改变缩放页面

scrollEnabled  bool该适合iOS平台用于设置是否开启页面滚动

上一篇下一篇

猜你喜欢

热点阅读