uniapp实现拨打电话跳转手机拨号界面 （ios和安卓通用）

2023-12-13 03:27:15

效果展示：左边为安卓系统展示，右边为ios系统展示

代码：

toPhone(){
  uni.makePhoneCall({
    phoneNumber: "10086", //要拨打的手机号
    success: (res) => {
      // console.log("调用成功")
    },
    fail: (res) => {
      // console.log('调用失败!')
    }
  })
},

api解析：uni.makePhoneCall(OBJECT)? 拨打电话

OBJECT 参数说明：

参数名类型必填说明
phoneNumberString是需要拨打的电话号码
successFunction否接口调用成功的回调
failFunction否接口调用失败的回调函数
completeFunction否接口调用结束的回调函数（调用成功、失败都会执行）

uniapp官方文档链接：https://uniapp.dcloud.net.cn/api/system/phone.html#makephonecall

拓展：点击弹出电话号码列表，选择其中一个电话号进行拨打

效果展示：

代码：

toPhone() {
  const phoneList = ["10086","10010","10000"]
  uni.showActionSheet({
    itemList: phoneList,  //电话列表
    success: function(res) {
      if (res.tapIndex !== undefined) {
        uni.makePhoneCall({
          phoneNumber: phoneList[res.tapIndex],
          success: function() {
            //console.log('拨打电话成功');
          },
          fail: function() {
            //console.log('拨打电话失败');
          }
        });
      }
    }
  });
}

api解析：uni.showActionSheet(OBJECT)? ? ?从底部向上弹出操作菜单

OBJECT参数说明：

参数类型必填说明平台差异说明
titleString否菜单标题App、H5、支付宝小程序、钉钉小程序、微信小程序 3.4.5+（仅真机有效）
alertTextString否警示文案（同菜单标题）微信小程序（仅真机有效）
itemListArray<String>是按钮的文字数组微信、百度、抖音小程序数组长度最大为6个
itemColorHexColor否按钮的文字颜色，字符串格式，默认为"#000000"App-iOS、飞书小程序不支持
popoverObject否大屏设备弹出原生选择按钮框的指示区域，默认居中显示App-iPad（2.6.6+）、H5（2.9.2）
successFunction否接口调用成功的回调函数，详见返回参数说明
failFunction否接口调用失败的回调函数
completeFunction否接口调用结束的回调函数（调用成功、失败都会执行）

popover 值说明（仅App生效）：

值类型说明
topNumber指示区域坐标，使用原生 navigationBar 时一般需要加上 navigationBar 的高度
leftNumber指示区域坐标
widthNumber指示区域宽度
heightNumber指示区域高度

success返回参数说明：

参数类型说明
tapIndexNumber用户点击的按钮，从上到下的顺序，从0开始

uniapp官方文档链接：?https://uniapp.dcloud.net.cn/api/ui/prompt.html#showactionsheet

文章来源:https://blog.csdn.net/weixin_73318685/article/details/134810651
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。