Drawer.md

Drawer{} 抽屉

Drawer 为抽屉静态类, 内部视图为 Overlay.PullView 的易用性简单封装。
Drawer 基于 Overlay{} 实现。

Static Methods

Method	Params	Returns	Notes
Overlay methods			Drawer 继承 Overlay 的全部静态方法。
open	view, side, rootTransform options	object	打开一个抽屉。 参数说明： - view: 抽屉内部视图内容 - side: 抽屉拉出边, 默认为 'left' - rootTransform: 根组件转换动画, 默认为 'none' - options: Drawer.DrawerView 其它属性, 参数类型参见 DrawerView 返回值为一个对象, 对象属性说明： - key: 浮层唯一键值 - close: 关上抽屉函数, 调用该函数将关上抽屉

Static Props

Prop	Type	Default	Note
DrawerView	class		Drawer 内容显示组件。

<Drawer.DrawerView /> Props

Prop	Type	Default	Note
Overlay.PullView props...			Drawer.DrawerView 组件继承 Overlay.PullView 组件的全部属性。

<Drawer.DrawerView /> Events

Event Name	Returns	Notes
Overlay.PullView events...		Drawer.DrawerView 组件继承 Overlay.PullView 组件的全部事件。

Example

简单用法

let view = (
  <View style={{backgroundColor: Theme.defaultColor, height: 260}}>
    <View style={{flex: 1, alignItems: 'center', justifyContent: 'center'}}>
      <Label type='detail' size='xl' text='Drawer' />
    </View>
  </View>
);
let drawer = Drawer.show(view, 'bottom');

...

drawer.close(); //如需要可代码手动关上抽屉

Screenshots