【原创】东方耀reactnative 视频22之-DrawerLayoutAndroid
2016-09-17 20:09
399 查看
封装了平台drawerlayout(仅限android平台)的react组件,抽屉(通常用于导航切换)是通过rendernavigationview方法渲染的,并且drawerlayoutandroid的直接子视图会成为主视图(用于放置你的内容),导航图一开始有屏幕,并不可见,不过可以从drawerposition指定的窗口侧面拖揭出来,并且抽屉的宽度可以使用drawerwitdth属性来指定
drawerPosition: DrawerLayoutAndroid.positions.Right 左右,default 左
drawerWidth: 指定抽屉的宽度,也就是从屏幕边拖进的视图的宽度
onDrawerClose:
onDrawerOpen:
onDrawerSlide:每当导航视图(抽屉)产生交互的时候调用此回调函数
onDrawerStateChanged: idle(空闲),dragging(拖拉中)settling(停靠中)
renderNavigationView:渲染一个可以从屏幕一边拖入的导航视图
drawerLockMode:设置抽屉的锁定模式,有三种模式
1.unlocked(default),意味着此时抽屉可以响应打开和关闭的手势操作
2.locked-closed,意昧着此时抽屉将保持关闭,不可以用手势打开
drawerPosition: DrawerLayoutAndroid.positions.Right 左右,default 左
drawerWidth: 指定抽屉的宽度,也就是从屏幕边拖进的视图的宽度
onDrawerClose:
onDrawerOpen:
onDrawerSlide:每当导航视图(抽屉)产生交互的时候调用此回调函数
onDrawerStateChanged: idle(空闲),dragging(拖拉中)settling(停靠中)
renderNavigationView:渲染一个可以从屏幕一边拖入的导航视图
drawerLockMode:设置抽屉的锁定模式,有三种模式
1.unlocked(default),意味着此时抽屉可以响应打开和关闭的手势操作
2.locked-closed,意昧着此时抽屉将保持关闭,不可以用手势打开
相关文章推荐
- React Native 学习中踩过的那些坑
- 【原创】东方耀reactnative 视频21之-ProgressBar
- React Native控件只TextInput
- React Native控件只TextInput
- React Native控件只TextInput
- React Native调试心得
- React Native调试心得
- React Native调试心得
- 怎么让route拥有redux的方法
- Angular 2与React比较
- React Native For Android初体验
- React Native实战(二):Android的打包
- React Native实战(一):配置和起步
- Windows下使用AndroidStudio+ReactNative开发Android应用
- react-native版本升级
- react-native版本升级
- react-native版本升级
- React with Visual Studio Code and Webpack
- React Native中的=>是什么运算?
- react-redux-universal-hot-example错误