tt.showActionSheet
从基础库 1.0.0 开始支持。
显示操作菜单，设计文档详见操作菜单。
语法
tt.showActionSheet(options)参数说明
options 为 object 类型，属性如下：
| 属性名 | 类型 | 默认值 | 必填 | 说明 | 最低支持版本 |
|---|---|---|---|---|---|
| itemList | Array<string> | 是 | 菜单的选项，最多支持 6 个选项 | 1.0.0 | |
| success | Function | 否 | 接口调用成功后的回调函数 | 1.0.0 | |
| fail | Function | 否 | 接口调用失败后的回调函数 | 1.0.0 | |
| complete | Function | 否 | 接口调用结束后的回调函数（调用成功、失败都会执行） | 1.0.0 |
回调成功
object 类型，属性如下：
| 属性名 | 类型 | 说明 | 最低支持版本 |
|---|---|---|---|
| errMsg | string | "showActionSheet:ok" | 1.0.0 |
| tapIndex | number | 用户点击次序，从 0 开始计数 | 1.0.0 |
回调失败
object 类型，属性如下：
| 属性名 | 类型 | 说明 | 最低支持版本 |
|---|---|---|---|
| errMsg | string | "showActionSheet:fail " + 详细错误信息 | 1.0.0 |
效果示例
扫码体验
请使用字节宿主APP扫码
代码示例
const itemList = ["加精", "置顶", "删除", "封禁作者"];
tt.showActionSheet({
itemList,
success(res) {
console.log(`你点击了第${res.tapIndex + 1}个项目，内容是 ${itemList[res.tapIndex]}`);
},
fail(err) {
console.log(`showActionSheet调用失败`, err);
},
});Bug & Tip
- Tip：iOS 实现时会自动加入「取消」选项，android 不会。
- Tip：暂不支持设置按钮的文字颜色。
-
Tip：每个选项文案长度限制：
- android 没有限制，超长内容滚动。
- iOS 每个选项最多 1 行，每行约 18 个汉字。
点击纠错
评价此篇文档