东方耀 发表于 2016-6-16 15:34:25

22、手把手教React Native实战之DrawerLayoutAndroid组件

#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、配套视频(下载地址)【回复本帖才可见】:**** Hidden Message *****

dq0709 发表于 2016-6-23 21:32:08

加了个油啊

背后一阵个 发表于 2016-7-2 17:24:10

asd;lkjfpaoilsjdfpasd

quanyajie 发表于 2016-7-5 11:28:16

持续更新中

翔宇 发表于 2016-7-6 11:11:49

学习学习

为梦而战 发表于 2016-7-6 12:51:30

持续学习中~~~~   

秋意浓 发表于 2016-7-7 10:04:50

学习学习

miaozhirui 发表于 2016-7-10 12:53:01

学习学习

hayes2016 发表于 2016-7-12 10:51:05

:loljiayou

xupeng206 发表于 2016-7-12 14:37:38

648b648b648b
页: [1] 2 3 4 5 6 7 8 9 10
查看完整版本: 22、手把手教React Native实战之DrawerLayoutAndroid组件