react native Linking的使用

最新推荐文章于 2024-05-27 21:16:28 发布
最新推荐文章于 2024-05-27 21:16:28 发布
阅读量3.1k 收藏 1
点赞数
分类专栏： Android基础 文章标签： react native linking
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wwl901215/article/details/60869840
版权

使用Linking打开webURL  邮箱  联系人等,其实Linking相当于android的Intent：

打开地图：Linking.openURL("geo:37.2122 , 12.222")

打电话：Linking.openURL("tel:123456789552")

打开网站:Linking.openURL("http://www.baidu.com")

发送短信:Linking.openURL("smsto:10086")

发送邮件：Linking.openURL("mailto:**********@qq. com")


待解决问题：

用Linking打开视频，不同的手机的反应不同，有的手机可能只是提让下载

在苹果中会默认用浏览器打开视频，红米note会直接提示下载 不能播放，目前没有解决方案


其他方法解决视频播放：

可以通过调用android本地代码通过Intent调用本地视频播放器播放，将Itent的类型设置为video\*就行了（里面的斜杠可能写反了，你们自己试试吧）



示

夜幕下的湖水
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
react-native-app-link：使用React Native轻松链接到其他应用
02-04
react-native-app-link 轻松到React Native中的其他应用程序。 如果未在用户手机上安装该应用，请改为打开“ App Store”或“ Play Store”链接。 安装： npm i -S react-native-app-link 用法： import AppLink from 'react-native-app-link' ; AppLink . maybeOpenURL ( url , { appName , appStoreId , appStoreLocale , playStoreId } ) . then ( ( ) => { // do
react-native-linking-android:React Native Linking android为您提供了一个通用界面，可与传出的应用程序链接进行交互
05-12
react-native-linking-android React Native链接android为您提供了一个通用接口，可与传出的应用程序链接进行交互。安装npm install --save react-native-linking-androidor manuallygit clone the directory to ...
React-native link命令的详细讲解
分享Android开发知识
07-10 1万+
1.使用React-native link的背景 并不是所有的 APP 都需要使用全部的原生功能，包含支持全部特性的代码会增大应用的体积。但我们仍然希望能让你简单地根据自己的需求添加需要的特性。 在这种思想下，我们把许多特性都发布成为互不相关的静态库。 大部分的库只需要拖进两个文件就可以使用了，偶尔你还需要几步额外的工作，但不会再有更多的事情要做了。 我们随着 React Native 发布的所有...
React Native 之 Linking（链接）（十五）
最新发布
qq_35876316的博客
05-27 1108
URL Scheme允许应用程序通过特定的URL格式与其他应用程序进行交互。它通过在应用程序中注册一个自定义的URL Scheme，并在应用程序中生成一个特定格式的URL（包含所需的参数和操作），来实现这一功能。当用户点击这个URL时，操作系统会尝试打开与该URL关联的应用程序，并将URL传递给该应用程序进行处理。
RN：react-native link 与 autolink
分享前端开发工程师的一些日常生活、前端知识点、职业发展、对一些问题的看法、感悟等等
08-15 742
当你安装一个带原生依赖的库的时候，你需要 react-native link 命令，现在有了 autolink，就不用这一步了，具体看以下两个文档。 react-native link https://reactnative.cn/docs/linking-libraries-ios autolink https://github.com/react-native-community/cli/blob/master/docs/autolinking.md ...
React Native搭建开发环境/link原生依赖问题
weixin_34221073的博客
04-20 2192
环境搭建 一、 安装依赖 必须安装的依赖有：Node、Python2 以及 JDK 、React Native 命令行工具和 Android Studio。 1. 官网下载安装Node（Node 的版本必须高于 8.3） 2. 官网下载安装Python2（版本必须为 2.x） 3. 官网下载安装JDK（版本必须是 1.8） jdk配置（右键偶的电脑—属性—高级系统设置—环境变量）： ①. 创建一个...
react-native系列(23)API篇：使用Linking唤醒其它app及WebView
@黄小泽的个人博客
03-14 7207
RN官方提供Linking库用于调起其他app或者本机应用。Linking的主要属性和方法有： 属性与方法 描述 canOpenURL(url); 判断设备上是否有已经安装相应应用或可以处理URL的程序，本方法会返回一个Promise对象，只有一个回调参数，格式为Boolean值。 openURL(url); 打开设备上的某个应用或可以处理URL的程序，本方法会返回一个...
reactnative-源码-text组件
10-29
在这个“reactnative-源码-text组件”的压缩包中，我们关注的是React Native中的Text组件，这是一个基础且重要的UI组件，用于展示文本内容。 Text组件在React Native中扮演着核心角色，它提供了许多样式和行为选项...
听晴明老师从头讲React Native
12-11
【录播】React Native架构和原理的简单介绍(16分钟) 免费试学 【录播】macOS iOS环境搭建(19分钟) 免费试学 【录播】macOS Android环境搭建(17分钟) 免费试学 【录播】Windows Android环境搭建(10分钟) 免费试学 ...
[深入剖析React Native]热更新之react-native-pushy使用指南(Android)
Geek马走日
09-22 9611
本文使用RN版本：0.33.0react-native-pushy是ReactNative中文网推出的代码热更新服务，github地址：https://github.com/reactnativecn/react-native-pushy准备工作首先你应该有一个基于React Native开发的应用，我们把具有package.json的目录叫做你的”应用根目录”。 如果你还没有初始化应用，请参
reactnative调用第三方地图插件进行导航兼容android和ios
08-10
react-native-map-linking：跳转第三方地图应用进行导航，android支持(高德地图、百度地图、腾讯地图)，ios支持(高德地图、百度地图、腾讯地图、Apple地图)
react native 调用手机内置地图
随风而逝
10-09 2319
GitHub：https://github.com/starlight36/react-native-map-linking Android： 高德地图 百度地图 iOS： 高德地图 百度地图 苹果地图 使用：npm install react-native-map-linking --save ios需要在 info.plist 内配置： <key>LSApplica...
React-Native 常用命令
ForwardD的博客
07-12 1527
ui框架 cnpm install --save-dev amazeui-touch cnpm install --save-dev react-native-material-design npm install --save teaset react@^15.2.0 && react-dom@^15.2.0 && react-addons-css-transition-group@^15
android跳转到rn界面,React Native Linking与 Android原生页面路由跳转问题
weixin_36039533的博客
05-31 349
唤起并传递参数。使用Linking打开app调用openURL方法即可：Linking.openURL('appscheme://apphost/path?params=xxx')完整调用方法如下：Linking.canOpenURL('appscheme://').then(canopen=>{if(canopen){console.warn('可以打开:appsc...
react native Linking 调用电话、短信、邮箱功能
halo1416的博客
09-12 3710
使用方式为: Linking.openURL(string) 1. 打开浏览器：Linking.openURL(url);         eg： Linking.openURL('https://itunes.apple.com/cn/app/%E4%B8%AD%E7%9F%B3%E5%8C%96%E8%B4%B5%E5%B7%9E%E5%A4%A7%E5%AE%A2%E6%88%B7/i...
React-Native在APP调用浏览器或其他系统应用（Linking的使用）
热门推荐
苏小败在路上
11-03 1万+
这个其实在RN的文档中已经写好了，不过最新的依然不需要做文档中的额外步骤。 直接在自定义的组件里面引用Linking，然后使用Linking的openURL函数即可，这个会自动选择系统的浏览器打开链接。 var url = 'http://www.baidu.com'; Linking.openURL(url) .catch((err)=>{ console.
react native Linking使用
随风而逝
07-01 3288
参考官方Linking 打电话 Linking.openURL('tel:10086') 打开网址 Linking.openURL('http://www.baidu.com') 发短信 Linking.openURL('sms:10086') 发邮件 Linking.openURL('mailto:admin@qq.com') 打开第三方应用 判断...
react native Linking 打电话 发短信 打开其他App等
卓原的进化之旅
07-06 5798
使用Linking打开webURL 邮箱 联系人等,其实Linking相当于android的Intent： 使用方式为: Linking.openURL(string) <TouchableOpacity onPress={() => { ...
React-Native如何在App内打开外链页面
xjl271314的博客
05-11 1万+
前言： 在很多应用场景，比如说分享到微信好友，打开应用下载(更新)地址等，需要从App内部跳转到外部的链接。 方案一： React-Native官方提供了一个**Linking**方法，用于和外部App链接进行交互。 static openURL(url: string) 尝试使用设备上已经安装的应用打开指定的url。 你还可以使用其他类型的URL，比如一个地理位...
react native 路由使用
05-19
React Native 中的路由可以使用以下几个库来实现： 1. React Navigation：React Navigation 是 React Native 中最流行的路由库之一，它提供了多种路由类型和导航器，例如 Stack Navigator（堆栈导航）、Tab Navigator（标签导航）和 Drawer Navigator（抽屉导航）等。 2. React Native Navigation：React Native Navigation 是一个由 Wix 开发的路由库，它提供了原生级别的性能和体验。它支持多个平台，并且提供了多种导航器及其配置选项。 3. React Native Router Flux：React Native Router Flux 是一个基于 React Navigation 的路由库，它提供了类似于 React Router 的 API，使用起来比较方便。 下面是一个使用 React Navigation 的示例： 首先安装 React Navigation： ``` npm install @react-navigation/native ``` 然后安装 Stack Navigator： ``` npm install @react-navigation/stack ``` 在 App.js 中配置 Stack Navigator： ```javascript import { NavigationContainer } from '@react-navigation/native'; import { createStackNavigator } from '@react-navigation/stack'; import HomeScreen from './screens/HomeScreen'; import DetailScreen from './screens/DetailScreen'; const Stack = createStackNavigator(); function App() { return ( <NavigationContainer> <Stack.Navigator> <Stack.Screen name="Home" component={HomeScreen} /> <Stack.Screen name="Detail" component={DetailScreen} /> </Stack.Navigator> </NavigationContainer> ); } export default App; ``` 在 HomeScreen.js 中实现页面跳转： ```javascript import React from 'react'; import { Button } from 'react-native'; import { useNavigation } from '@react-navigation/native'; function HomeScreen() { const navigation = useNavigation(); return ( <Button title="Go to detail screen" onPress={() => { navigation.navigate('Detail'); }} /> ); } export default HomeScreen; ``` 在 DetailScreen.js 中实现返回： ```javascript import React from 'react'; import { Button } from 'react-native'; import { useNavigation } from '@react-navigation/native'; function DetailScreen() { const navigation = useNavigation(); return ( <Button title="Go back" onPress={() => { navigation.goBack(); }} /> ); } export default DetailScreen; ``` 这样就完成了一个简单的路由示例，点击 HomeScreen 上的按钮可以跳转到 DetailScreen，DetailScreen 上的按钮可以返回 HomeScreen。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值