内容简介:最近,我尝试实现在 React Native APP 中调用浏览器打开链接的功能,现记录一下实现过程。React Native 的在 node_modules/Libraries/LinkingIOS 中找到 RCTlinking.xcodeproj,拖到 XCode 工程下的 Libraries 分组里(参考
最近,我尝试实现在 React Native APP 中调用浏览器打开链接的功能,现记录一下实现过程。
React Native 的 Linking API 提供了一个通用的接口来与传入和传出的 App 链接进行交互,例如浏览器。
如果要在 App 启动后也监听传入的 App 链接
1. Linking Libraries (iOS) - RCTLinking
在 node_modules/Libraries/LinkingIOS 中找到 RCTlinking.xcodeproj,拖到 XCode 工程下的 Libraries 分组里(参考 Linking Libraries - Manual linking )
如果XCode 工程下的 Libraries 分组里已经有 RCTlinking.xcodeproj,就不需要再加了。
2 AppDelegate.m 文件中添加
// iOS 9.x or newer #import <React/RCTLinkingManager.h> - (BOOL)application:(UIApplication *)application openURL:(NSURL *)url options:(NSDictionary<UIApplicationOpenURLOptionsKey,id> *)options { return [RCTLinkingManager application:application openURL:url options:options]; }
// iOS 8.x or older #import <React/RCTLinkingManager.h> - (BOOL)application:(UIApplication *)application openURL:(NSURL *)url sourceApplication:(NSString *)sourceApplication annotation:(id)annotation { return [RCTLinkingManager application:application openURL:url sourceApplication:sourceApplication annotation:annotation]; }
// Universal Links - (BOOL)application:(UIApplication *)application continueUserActivity:(NSUserActivity *)userActivity restorationHandler:(void (^)(NSArray * _Nullable))restorationHandler { return [RCTLinkingManager application:application continueUserActivity:userActivity restorationHandler:restorationHandler]; }
使用 Linking
import { Linking } from 'react-native'
如果 APP 被其注册过的外部 url 调起
componentDidMount() { Linking.getInitialURL().then((url) => { if (url) { console.log('Initial url is: ' + url); } }).catch(err => console.error('An error occurred', err)); }
监听事件
componentDidMount() { Linking.addEventListener('url', this._handleOpenURL); }, componentWillUnmount() { Linking.removeEventListener('url', this._handleOpenURL); }, _handleOpenURL(event) { console.log(event.url); }
打开链接 url
对于 web 链接来说,协议头("http://", "https://")不能省略!
Linking.openURL(url).catch((err) => console.error('An error occurred', err));
Linking.canOpenURL(url) .then((supported) => { if (!supported) { console.log("Can't handle url: " + url); } else { return Linking.openURL(url); } }) .catch((err) => console.error('An error occurred', err));
以上所述就是小编给大家介绍的《React Native Linking》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!
猜你喜欢:本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
Java常用算法手册
2012-5 / 59.00元
《Java常用算法手册》分三篇,共13章,分别介绍了算法基础、算法应用和算法面试题。首先介绍了算法概述,然后重点分析了数据结构和基本算法思想;接着,详细讲解了算法在排序、查找、数学计算、数论、历史趣题、游戏、密码学等领域中的应用;最后,列举了算法的一些常见面试题。书中知识点覆盖全面,结构安排紧凑,讲解详细,实例丰富。全书对每一个知识点都给出了相应的算法及应用实例,虽然这些例子都是以Java语言来编......一起来看看 《Java常用算法手册》 这本书的介绍吧!