抖音开放平台Logo
开发者文档
控制台
  • API 概览
  • 开放能力
  • 基础
  • 渲染
  • 设备
  • 文件
  • 位置
  • 媒体
  • 网络
  • 游戏转发分享
  • 实时语音
  • 数据缓存
  • 系统
  • 广告
  • 界面
  • 键盘
  • 交互
  • 按钮
  • tt.showModal
  • tt.showLoading
  • tt.showActionSheet
  • tt.hideLoading
  • tt.showToast
  • tt.hideToast
  • 菜单
  • 支付
  • Worker
  • tt.showModal
    收藏
    我的收藏

    基础库 1.0.0 开始支持本方法,这是一个异步方法。

    显示模态弹窗。

    前提条件
    业务背景
    使用限制
    • 暂不支持 confirmColor 和 cancelColor 参数。
    • title 的长度限制:
      • android 端限制为 1 行,每行约 13 个汉字。
      • iOS 端限制为 3 行,每行约 17 个汉字。
    • content 的长度限制:
      • android 端没有限制,Modal 最高为屏幕高度,内容滚动;
      • iOS 端限制为 3 行,每行约 17 个汉字。
    • 输入参数的 title 和 content 不可同时为空。
    注意事项
    相关教程

    语法

    tt.showModal(options)

    参数说明

    options 为 object 类型,属性如下:

    属性名类型默认值必填说明最低支持版本
    titlestring

    标题

    1.0.0
    contentstring

    内容

    1.0.0
    confirmTextstring确定

    确定按钮的文案,最多 4 个字符

    1.0.0
    showCancelbooleantrue

    是否显示取消按钮

    1.0.0
    cancelTextstring取消

    取消按钮的文案,最多 4 个字符

    1.0.0
    successfunction
    接口调用成功的回调函数
    1.0.0
    failfunction
    接口调用失败的回调函数
    1.0.0
    completefunction
    接口调用结束的回调函数(调用成功、失败都会执行)
    1.0.0

    回调成功

    object 类型,属性如下:

    属性名类型说明最低支持版本
    confirmboolean

    是否点击了确定按钮

    1.0.0
    cancelboolean

    是否点击了取消按钮

    1.0.0
    errMsgstring

    "showModal:ok"

    1.0.0

    回调失败

    object 类型,属性如下:

    属性名类型说明最低支持版本
    errMsgstring

    "showModal:fail " + 详细错误信息

    1.0.0

    扫码体验

    请使用字节宿主APP扫码

    代码示例

    开发者工具中预览

    tt.showModal({ title: "请求获得定位权限", content: "获得你的地理位置能够更好的为你推荐本地信息", success(res) { if (res.confirm) { console.log("confirm, continued"); } else if (res.cancel) { console.log("cancel, cold"); } else { // what happend? } }, fail(res) { console.log(`showModal调用失败`); }, });