标签 React 下的文章 - 夜雨的博客-分享与记录前端知识

登录

标签搜索

夜雨

累计撰写 24 篇文章
累计收到 20 条评论

搜索到 1 篇与 React 的结果

【React Native】如何拨打电话？
- 2021年04月28日
- 37 阅读
- 0 评论
- 3 点赞
2021-04-28
前言每次都知道使用React Native提供的Linking来进行调用，但是过很长时间就忘记了。记得不太熟悉，所以就有此文章了。场景点击按钮调用原生(android/ios)拨号界面，并填充号码。添加权限ios版本在9.0之后，都需要在Info.plist里添加一个叫LSApplicationQueriesSchemes的Array，将tel添加进去，否则在模拟器上会出现警告，若是使用canOpenURL来判断是否的话，捕获的错误也是让你添加。安卓不需要添加任何权限，即可调用。实现 const tel = `tel:${item.mobile}` Linking.canOpenURL(tel) .then(supported => { if (!supported) { console.log('Can not handle tel:', tel) } else { return Linking.openURL(tel) } }) .catch(err => { console.log('tel error:', err) }) 注：ios模拟器上，会弹出一个warning，这是因为ios模拟器不支持打电话。因此在代码中添加了supported字段，判断是否可以处理，避免弹出warning。其他功能对于web链接来说，协议头("http://", "https://")不能省略！可调用系统的其他应用，调用方式依然是判断是否安装应用，或者是否打开该url，再通过Linking.openURL启动。比如电话、短信、邮件。基本上都可以使用以上实现方式