设为首页收藏本站

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

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1175|回复: 164

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

  [复制链接]

401

主题

762

帖子

6895

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6895
发表于 2016-6-16 15:34:25 | 显示全部楼层 |阅读模式
#22、手把手教React Native实战之DrawerLayoutAndroid组件

封装了平台DrawerLayout(仅限安卓平台)的React组件。抽屉(通常用于导航切换)是通过renderNavigationView方法渲染的,并且DrawerLayoutAndroid的直接子视图会成为主视图(用于放置你的内容)。导航视图一开始在屏幕上并不可见,不过可以从drawerPosition指定的窗口侧面拖拽出来,并且抽屉的宽度可以使用drawerWidth属性来指定。

drawerPosition:DrawerLayoutAndroid.positions.Right 左右 默认左

drawerWidth:指定抽屉的宽度,也就是从屏幕边缘拖进的视图的宽度

onDrawerClose

onDrawerOpen

onDrawerSlide:每当导航视图(抽屉)产生交互的时候调用此回调函数

onDrawerStateChanged:idle(空闲) dragging(拖拽中) settling(停靠中)

renderNavigationView:渲染一个可以从屏幕一边拖入的导航视图

drawerLockMode:设置抽屉的锁定模式 有三种模式:

1.unlocked (默认值),意味着此时抽屉可以响应打开和关闭的手势操作

2.locked-closed,意味着此时抽屉将保持关闭,不可用手势打开。

3.locked-open,意味着此时抽屉将保持打开,不可用手势关闭。

无论抽屉处于那种状态,都仍然可以调用openDrawer/closeDrawer这两个方法打开和关闭

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

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

使用道具 举报

1

主题

84

帖子

203

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
203
发表于 2016-6-23 21:32:08 | 显示全部楼层
加了个油啊
回复 支持 反对

使用道具 举报

1

主题

127

帖子

353

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
353
发表于 2016-7-2 17:24:10 | 显示全部楼层
asd;lkjfpaoilsjdfpasd
回复 支持 反对

使用道具 举报

0

主题

162

帖子

400

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
400
发表于 2016-7-5 11:28:16 | 显示全部楼层
持续更新中
回复 支持 反对

使用道具 举报

0

主题

55

帖子

144

积分

注册会员

Rank: 2

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

使用道具 举报

0

主题

73

帖子

152

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

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

使用道具 举报

0

主题

35

帖子

76

积分

注册会员

Rank: 2

积分
76
发表于 2016-7-7 10:04:50 | 显示全部楼层
学习学习
回复

使用道具 举报

0

主题

62

帖子

136

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
136
发表于 2016-7-10 12:53:01 | 显示全部楼层
学习学习
回复

使用道具 举报

0

主题

30

帖子

62

积分

注册会员

Rank: 2

积分
62
发表于 2016-7-12 10:51:05 | 显示全部楼层
  jiayou
回复 支持 反对

使用道具 举报

0

主题

53

帖子

108

积分

注册会员

Rank: 2

积分
108
发表于 2016-7-12 14:37:38 | 显示全部楼层
648b648b648b
回复 支持 反对

使用道具 举报

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

本版积分规则

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

GMT+8, 2018-7-19 23:41 , Processed in 0.161923 second(s), 24 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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