- 安装插件依赖包:
npm install –save react-native-drawer
- 在页面中引入组件:`import Drawer from ‘react-native-drawer’
- 使用组件:
` - type:抽屉展示形式,分为三种:displace,overlay,static,效果可以自己尝试一下;
- content:展示的内容,一般开发中这里放一个抽屉中展示内容的封装组件;
- disabled: 是否开启开关;
- open: 如果为true将触发抽屉打开,如果为false将触发关闭;
- openDrawerOffset: 定义打开抽屉时的右边距;
- closedDrawerOffset: 定义关闭抽屉时的左手边距;
- styles: 抽屉视图,主视图,drawerOverlay和mainOverlay容器视图的样式;
- onOpen : 抽屉进入打开状态后将立即调用;
- onOpenStart :在打开的动画开始时触发的回调;
- onClose : 抽屉进入关闭状态后将立即调用;
- onCloseStart : 在关闭动画开始时触发的回调;
- captureGestures:如果为true,将捕获平移蒙版内的所有手势。如果“open”将仅在抽屉打开时捕获;
- acceptDoubleTap: (true/false)双击时切换抽屉;
- acceptTap: (true/false)发生任何轻击时切换抽屉;
- acceptPan: (true/false)允许抽屉平移&#x
react-native-drawer抽屉使用
于 2020-11-02 17:15:19 首次发布