React Native之配置URL Scheme(iOS Android)
时间: 2024-03-09 18:44:23 浏览: 278
reactnative调用第三方地图插件进行导航兼容android和ios
React Native 可以通过配置 URL Scheme 实现从外部应用程序打开应用程序并传递参数。下面是 iOS 和 Android 上配置 URL Scheme 的步骤:
## iOS
1. 在 Xcode 中选择项目,进入 TARGETS -> Info -> URL Types,点击“+”按钮添加 URL Scheme。
2. 在 URL Scheme 输入框中填写自定义的 URL Scheme,例如:myapp。
3. 在 URL Schemes 中填写应用程序的 Bundle ID。
4. 在 Xcode 中保存并编译项目。
5. 在应用程序中,可以通过 Linking 模块的 getInitialURL 方法获取启动应用程序的 URL,并通过 parse 函数解析 URL 中的参数。
示例代码:
```javascript
import { Linking } from 'react-native';
Linking.getInitialURL().then(url => {
if (url) {
const { queryParams } = Linking.parse(url);
console.log(queryParams);
}
});
```
## Android
1. 在 AndroidManifest.xml 中添加 intent-filter。
```xml
<intent-filter>
<action android:name="android.intent.action.VIEW" />
<category android:name="android.intent.category.DEFAULT" />
<category android:name="android.intent.category.BROWSABLE" />
<data android:scheme="myapp" />
</intent-filter>
```
2. 在 data 标签中填写自定义的 URL Scheme。
3. 在应用程序中,可以通过 Linking 模块的 getInitialURL 方法获取启动应用程序的 URL,并通过 parse 函数解析 URL 中的参数。
示例代码:
```javascript
import { Linking } from 'react-native';
Linking.getInitialURL().then(url => {
if (url) {
const { queryParams } = Linking.parse(url);
console.log(queryParams);
}
});
```
阅读全文