如果用户在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上部署了该应用程序,并尝试滑动电话号码,但它没有任何作用。我知道刷手机图标在模拟器中无法使用。
任何帮助将不胜感激。
答案 0 :(得分:1)
有一个错字错误(支持并受支持)。解决这个问题,它将起作用
Linking.canOpenURL(link).then(suppported => {
if (supported) {