react 实现点击跳转到拨号界面

时间：2019-11-27 13:13:25 阅读：479 评论：0 收藏：0 [点我收藏+]

import React, { Component } from ‘react‘;

import {

View,

Text,

Image,

StyleSheet,

TouchableOpacity,

NativeModules,

Platform,

StatusBar,

ScrollView,

Alert ,

Linking

} from "react-native";

import { Toast } from "../../components/base/Toast";

class GrabSheetVc extends Component {

constructor(props) {

super(props);

this.state = { }

this.phone = 18888888888

}

render() {

return (

<Image

source={require(‘../../../resource/order/telephone.png‘)}

style={{ width: Utils.fontRem * 54, height: Utils.fontRem * 54 }}

resizeMode=‘contain‘

</TouchableOpacity>

</View>

)}

}

/**

* 拨打电话

* @param {string} phone 版本号

* @example

* call(‘18888888888‘)

call = phone => {

const url = `tel:${phone}`;

Linking.canOpenURL(url)

.then(supported => {

if (!supported) {

return Alert.alert(‘提示‘, `您的设备不支持该功能，请手动拨打 ${phone}`, [

{ text: ‘确定‘ }

]);

}

return Linking.openURL(url);

})

.catch(err => Toast.show(`出错了：${err}`, 1.5));

};

callMerchant = (phone) => {

this.call(this.phone);

};

技术分享图片

react 实现点击跳转到拨号界面

原文：https://www.cnblogs.com/james-L/p/11940262.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)