WebView组件属性方法

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平台用于设置是否开启页面滚动

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,795评论 25 709
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,761评论 0 17
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,305评论 4 61
  • 如果有一天:你不再寻找爱情,只是去爱;你不再渴望成功,只是去做;你不再追求空泛的成长,只是开始修养自己的性情;你的...
    Grace233阅读 385评论 0 0
  • 寒假期间,阅读《曾国藩》第一部血祭四十万字,读《黑骏马》《哈尔的移动城堡》,又六十万字,看电影,知道了宫其骏的精妙...
    志在书里郭良锁阅读 234评论 0 0