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

这篇具有很好参考价值的文章主要介绍了uniapp实现拨打电话跳转手机拨号界面（ios和安卓通用）。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

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

uniapp拨打电话支持ios和安卓,uni-app,智能手机

代码：

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

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

OBJECT 参数说明：

参数名	类型	必填	说明
phoneNumber	String	是	需要拨打的电话号码
success	Function	否	接口调用成功的回调
fail	Function	否	接口调用失败的回调函数
complete	Function	否	接口调用结束的回调函数（调用成功、失败都会执行）

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

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

效果展示：

uniapp拨打电话支持ios和安卓,uni-app,智能手机

代码：

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参数说明：

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

popover 值说明（仅App生效）：

值	类型	说明
top	Number	指示区域坐标，使用原生 navigationBar 时一般需要加上 navigationBar 的高度
left	Number	指示区域坐标
width	Number	指示区域宽度
height	Number	指示区域高度