美文网首页
WebView组件属性方法

WebView组件属性方法

作者: 诺花生 | 来源:发表于2017-05-09 16:11 被阅读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平台用于设置是否开启页面滚动

    相关文章

      网友评论

          本文标题:WebView组件属性方法

          本文链接:https://www.haomeiwen.com/subject/mjqitxtx.html