tt.showActionSheet
从基础库 1.0.0 开始支持。
显示操作菜单。
参数
Object object
属性 | 类型 | 默认值 | 必填 | 说明 |
---|---|---|---|---|
itemList | Array | 是 | 菜单的选项,最多支持 6 个选项 | |
success | function | 否 | 接口调用成功后的回调函数 | |
fail | function | 否 | 接口调用失败后的回调函数 | |
complete | function | 否 | 接口调用结束后的回调函数(调用成功、失败都会执行) |
success 返回参数说明
Object 类型,属性如下:
属性 | 类型 | 说明 |
---|---|---|
tapIndex | number | 用户点击次序,从0 开始计数 |
代码示例
const itemList = ["加精", "置顶", "删除", "封禁作者"];
tt.showActionSheet({
itemList,
success(res) {
console.log(
`你点击了第${res.tapIndex + 1}个项目,内容是 ${itemList[res.tapIndex]}`
);
},
fail(res) {
console.log(`showActionSheet调用失败`);
}
});
Bug & Tip
- iOS 实现时会自动加入「取消」选项,android 不会。
- 暂不支持itemColor属性。
- 每个选项文案长度限制:android 没有限制,超长内容滚动。iOS 每个选项最多 1 行,每行约 18 个汉字。