时间戳

首页 > 解决方案 > 在电话图标上滑动时拨打电话号码

javascript - 在电话图标上滑动时拨打电话号码

问题描述

如果用户在 react Native 中滑动电话图标，我正在尝试拨打电话号码。例如，如果我的手机上有 (999)-996-5432，那么当用户滑动图标时，应该会自动拨打该号码。下面是我的handleclick代码

export default class ServiceListDetails extends Component {
  handleClick = (link) => {
    Linking.canOpenURL(link).then(suppported => {
        if (supported) {
            Linking.openURL(link);
        } else {
            console.log('Don\'t know how to open URI: ' + link);
        }
    });
};

下面是我从中调用 handleClick 的代码：

 return(






                        <Text  style={styles.Address1}>{item.addr} </Text>
                        <View style={styles.phoneImg}>
                            <TouchableOpacity
                                  onPress={() => { this.handleClick('tel:${item.phone}')}}>
                                      <Image source={require('../images/Phone.png')} style={styles.actionImage}/>
                             </TouchableOpacity>
                            <Text style={styles.Address1}>{item.phone}</Text>
                        </View>
)

item.phone 来自我的 JSON 文件。下面是我的 JSON 文件：

[
{

        "id":"2",
        "fk": 1,
        "addr": "123 test drive, Ring road test",
        "phone": "(999)-345-7896"
},

{
        "id":"3",
        "fk": 1,
        "addr": "123 test drive, Test Road",
        "phone": "(951)-765-2222"


}
]

我已经在 iPhone 上部署了该应用程序并尝试刷一下电话号码，但它什么也没做。我知道手机图标滑动在模拟器中不起作用。

任何帮助将不胜感激。

标签： javascriptreactjsreact-native

解决方案

存在拼写错误（支持和支持）。解决这个问题，它会工作

Linking.canOpenURL(link).then(suppported => {
    if (supported) {

推荐阅读