设为首页收藏本站

react native【免费】VIP视频教程 rn开发者交流论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1471|回复: 167

[视频教程] 27、手把手教React Native实战之WebView组件

  [复制链接]

401

主题

762

帖子

6662

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6662
发表于 2016-6-16 16:03:07 | 显示全部楼层 |阅读模式
#27、手把手教React Native实战之WebView组件

Hybrid App(混合模式移动应用)是指介于web-app、native-app这两者之间的app,兼具“Native App良好用户交互体验的优势”和“Web App跨平台开发的优势”。

重点理解:为什么rn中会有WebView?


加作者微信公众号(dongfangyao888)或扫描下面二维码
推送高清视频教程+语音解说+课堂笔记和源码


automaticallyAdjustContentInsets:是否自动调整内部内容

bounces(IOS):回弹效果 如果为false,则内容拉到底部或头部不回弹,默认为true

domStorageEnabled(Android):仅限Android平台。指定是否开启DOM本地存储

javaScriptEnabled:仅限Android平台。iOS平台JavaScript是默认开启的

contentInset:内部内容偏移值 该值为一个JavaScript对象{top:number,left:number,bottom:number,right:number}

source:{{uri:'网址'}}在WebView中载入一段静态的html代码或是一个url(还可以附带一些header选项){{html:'html代码块'}}

injectedJavaScript:注入的js代码,其值为字符串,如果加上了该属性,就会在webview里面执行js代码(在网页加载之前注入)

mediaPlaybackRequiresUserAction:设置页面中的HTML5音视频是否需要在用户点击后再开始播放。默认值为false

onNavigationStateChange:监听导航状态变化的函数(当发现浏览器地址改变时,触发事件)

renderError:监听渲染页面出错的函数

startInLoadingState:是否开启页面加载的状态

renderLoading:webview组件正在渲染页面时触发的函数,需要同startInLoadingState一起使用,当startInLoadingState为true时该函数才起作用

scrollEnabled(IOS):表示webview里面页面是否能滚动,如果其值为true则可以滚动,否则禁止滚动

scalesPageToFit:按照页面比例和内容宽高比例自动缩放内容

##27、配套视频(下载地址)
【回复本帖才可见】
游客,如果您要查看本帖隐藏内容请回复



react native vip论坛免费发布【手把手教react native实战开发】视频教程,立志于打造全互联网最全面最详细最易懂的React Native
开发视频教程,Facebook已经在多项产品中使用了React Native,并且将持续地投入建设,让我们引领react native开发的潮流!
回复

使用道具 举报

4

主题

34

帖子

122

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
122
发表于 2016-6-23 11:31:39 | 显示全部楼层
1111111111111111111111111111111111111111111111
回复 支持 反对

使用道具 举报

1

主题

84

帖子

203

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
203
发表于 2016-6-23 21:36:31 | 显示全部楼层
ssssssssss
回复 支持 反对

使用道具 举报

0

主题

11

帖子

30

积分

新手上路

Rank: 1

积分
30
发表于 2016-6-24 09:32:44 | 显示全部楼层
学习学习学习
回复 支持 反对

使用道具 举报

0

主题

11

帖子

30

积分

新手上路

Rank: 1

积分
30
发表于 2016-6-24 09:33:02 | 显示全部楼层
学习学习学习
回复 支持 反对

使用道具 举报

0

主题

8

帖子

18

积分

新手上路

Rank: 1

积分
18
发表于 2016-6-27 18:23:55 | 显示全部楼层
学者了c
回复

使用道具 举报

0

主题

1

帖子

4

积分

新手上路

Rank: 1

积分
4
发表于 2016-7-4 11:55:30 | 显示全部楼层
11111111111111111
回复 支持 反对

使用道具 举报

0

主题

158

帖子

386

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
386
发表于 2016-7-5 11:38:38 | 显示全部楼层
持续学习中
回复 支持 反对

使用道具 举报

0

主题

55

帖子

144

积分

注册会员

Rank: 2

积分
144
发表于 2016-7-6 11:06:31 | 显示全部楼层
学习学习
回复

使用道具 举报

0

主题

73

帖子

152

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
152
发表于 2016-7-6 13:02:13 | 显示全部楼层
持续学习中~~~~   
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|ReactNative Inc.    

GMT+8, 2018-1-19 11:57 , Processed in 0.147772 second(s), 24 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表