react-native 拨打电话

import React, { PureComponent } from 'react';
import { Text, TouchableOpacity, Linking, Alert } from 'react-native';
import { Toast } from '@ant-design/react-native';class Contact extends PureComponent {/***  拨打电话* @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.info(`出错了：${err}`, 1.5));};callMerchant = () => {this.call('18888888888');};render() {return (<TouchableOpacity onPress={this.callMerchant}><Text>联系商家</Text></TouchableOpacity>);}
}export default Contact;

react-native 拨打电话相关推荐

React Native Keyboard使用详解
当我们点击输入框时,手机的软键盘会自动弹出,以便用户进行输入.但有时我们想在键盘弹出时对页面布局做个调整,或者在程序中使用代码收起这个软键盘,这些借助 React Native 框架提供的Keyboa ...
React Native 每日一学(Learn a little every day)
本文出自<React Native学习笔记>系列文章. 每天一个知识点(技巧,经验,填坑日记等),每天学一点,离大神近一点. 汇聚知识,分享精华. 如果你是一名React Native爱好 ...
如何在React Native和Firebase中设置Google登录
Google sign-in is a great login feature to offer to your app's users. It makes it easier for them to ...
React Native开发总结（一）
一.RN优劣势 React Native的设计理念: 既拥有Native的用户体验.又保留React的开发效率优势: 它对比原生开发更为灵活,对比H5体验更为高效. 替代传统的WebView,打开效 ...
『原创』用C++开发WM应用系列（2）——拨打电话
用C++开发WM应用系列文章索引引言: 在上一节中,我们通过了一个MFC智能设备程序项目,带大家一起走进了Native c++开发WM的大门,我们了解了如何为程序添加控件.事件,以及自定义自己的类. ...
我如何为我的第一个自由客户构建第一个React Native应用程序
by Charlie Jeppsson 查理·杰普森(Charlie Jeppsson) 我如何为我的第一个自由客户构建第一个React Native应用程序 (How I built my firs ...
React Native Firebase
React Native Firebase 介绍 RNFirebase使用Firebase和React Native简单.它是一个轻量级的图层,位于iOS和Android的原生Fireb ...
React Native Apps的最佳主题
您是否对默认格式和无聊的应用程序感到厌倦? React Native主题可以帮助使您的应用美观. 应用主题或React Native模板可以帮助您单击按钮来创建杰作. 如果您想节省数百小时的开发工作, ...
比较 React Native 与 Vue 和 Capacitor
随着可用移动应用程序开发框架数量的增加,2018 年引入的 Vue Native 使开发人员能够使用 Vue.js 代码创建 React Native 移动应用程序. 然而,Vue Native 团队 ...

react-native 拨打电话

react-native 拨打电话相关推荐

最新文章

热门文章