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


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 (
  
<View style={styles.v4}>
                            <TouchableOpacity style={{ borderRadius: 27, overflow: 'hidden', marginTop: 13 }} onPress={this. callMerchant}>
                                <Image
                                    source={require('../../../resource/order/telephone.png')}
                                    style={{ width: Utils.fontRem * 54, height: Utils.fontRem * 54 }}
                                    resizeMode='contain'
                                />
                            </TouchableOpacity>
                            <Text style={{ fontSize: 14, color: '#333', marginTop: 9.5 }}>联系雇主</Text>
</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);
  };

 

 

 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM