Lm-actionsheet NPM

actionsheet

作者：quying
邮箱：qy9404@163.com
版本：1.0.3

介绍

actionseet底部弹出动作面板

安装

lm-* 组件使用 npm 进行管理，命名空间统一为 lm-，请使用以下命令进行组件安装。

npm i lm-actionsheet --save

如果你还没有安装 npm，可通过以下方式进行安装。
安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org

使用

样例文档

待开发

使用

最少配置参数为：

传入option增加内容

const options = {
    '选项一': ()=> console.log(1),
    '选项二': ()=> console.log(2)
}

//支持传入自定义标签
const label = <a href="http://www.baidu.com" >test</a>;

const options2 = [{
    label: label
}, {
    label: '选项一',
    callback: ()=> console.log(2)
}];

<Actionsheet 
    showState={ this.state.showState }
    options={ options }
    onDismiss={ this.onModelClick }
    onModelClick={ this.onModelClick }
/>

配置参数

Prop	Type	Default	Description
`visible`	`bool`	`undefined`	是否可见
`options`	`obj`	`{}`	选项对象列表
`onDismiss`	`func`	`()=>{}`	取消按钮回调
`onModelClick`	`func`	`undefined`	model点击回调