# NativeUI

# actionSheet

从页面底部弹出的选择框

  • 参数说明

    参数名 类型 必填 说明
    data Object,String 请求参数字符串或键值对,详见下表
    completedCB Function 可选 请求完成回调函数,成功/失败都会触发
  • data参数说明

    参数名 类型 必填 说明
    title String 标题
    cancel String 取消按钮
    buttons Array 选择按钮,最少2个,最多支持到8个
  • completedCB返回参数说明

    参数名 类型 说明
    status Number 调用状态码 如果是取消操作是 10006
    message String 调用结果信息
    payload Object 详细结果,详见下表
    • payload返回参数说明

      参数名 类型 说明
      index Number 选择项下标 从0开始 (如果是取消就没有数据)
      content String 选择项内容 (如果是取消就没有数据)
  • 示例代码


foxsdk.nativeUI.actionsheet({"title":"这是一条actionSheet","cancel":"取消","buttons":["sheet1","sheet2","sheet3","sheet4","sheet5"]}, ret => {
    console.log('nativeUI/actionSheet===status: ' + ret.status + ',message: ' + ret.message + ',payload: ' + JSON.stringify(ret.payload));
});

# toast

弹出toast,一段时间消失

  • 参数说明

    参数名 类型 必填 说明
    data Object 请求参数键值对,详见下表
    completedCB Function 可选 请求完成回调函数,成功/失败都会触发
  • data参数说明

    参数名 类型 必填 说明
    message String toast内容
    styles Object 提示消息的参数,详见下表
  • styles参数说明

    参数名 类型 必填 说明 支持平台
    verticalAlign String 提示消息在屏幕中的垂直位置,可选值为"top"、"center"、"bottom",分别为垂直居顶、居中、居底,未设置时默认值为"bottom"。 iOS/android
    duration Number 提示消息框显示的时间,单位s(秒)。android设置时间<2s 为短提醒,>2s为长提醒,提醒时间为系统默认 iOS/android
    background String 提示消息框的背景色,颜色名称(参考CSS Color Names)/十六进制值/rgb值/rgba值。 android
  • completedCB返回参数说明

    参数名 类型 说明
    status Number 调用状态码,0成功, 失败请查看全局状态码
    message String 调用结果信息
    payload String 无返回结果
  • 示例代码


let options = {
    message:"loading",
    styles:{
    verticalAlign:verticalAlign,
    duration:2.0,
    background:"rgba(255,0,0,0.5)"
    }
}
foxsdk.nativeUI.toast(options, ret => {
    console.log('nativeUI/toast===status: ' + ret.status + ',message: ' + ret.message + ',payload: ' + JSON.stringify(ret.payload));
});

# showWaiting

等待进度条 (小菊花+文字)

  • 参数说明

    参数名 类型 必填 说明
    data String 等待进度条文字显示.默认为"加载中,请稍后..."
    completedCB Function 可选 请求完成回调函数,成功/失败都会触发
  • completedCB返回参数说明

    参数名 类型 说明
    status Number 调用状态码 0成功, 失败请查看全局状态码
    message String 调用结果信息
    payload String 无返回结果
  • 示例代码


foxsdk.nativeUI.showWaiting('show waiting', ret => {
    console.log('nativeUI/showWaiting===status: ' + ret.status + ',message: ' + ret.message + ',payload: ' + JSON.stringify(ret.payload));
});

# closeWaiting

取消进度条

  • 参数说明

    参数名 类型 必填 说明
    completedCB Function 可选 请求完成回调函数,成功/失败都会触发
  • completedCB返回参数说明

    参数名 类型 说明
    status Number 调用状态码 0成功, 失败请查看全局状态码
    message String 调用结果信息
    payload String 无返回结果
  • 示例代码


foxsdk.nativeUI.closeWaiting(ret => {
    console.log('nativeUI/closeWaiting===status: ' + ret.status + ',message: ' + ret.message + ',payload: ' + JSON.stringify(ret.payload));
});

Last Updated: 3/24/2022, 5:50:39 PM