react-native-drawer抽屉使用

  • 安装插件依赖包: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
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值