使用 React-Native 监听 Android 上的传入链接

Question

我能够使用链接库 https://facebook.github.io/react-native/docs/linking.html 通过 react-native 监听和处理 IOS 上的传入链接：https://facebook.github.io/react-native/docs/linking.html，但它显示了为 [=18] 添加事件监听器的功能=] 是 IOS 平台特定的。是否有任何其他方法可以在 android 上侦听指向我的应用程序的传入链接并在 Javascript 端处理它？

Answer 1

我刚开始工作！你只需要关注 these instructions.

基本上，在现有的 android/app/src/main/AndroidManifest.xml 下添加一个 <intent-filter>，包含 VIEW 操作、DEFAULT 和 BROWSABLE 类别，以及至少一个 <data>.

然后只需重建并重新安装您的 APK (react-native run-android)，就是这样！与您的 <data> 标签匹配的链接现在将在您的应用中打开！

现在只需在主 Javascript class!

的 componentDidMount() 中使用 Linking.getInitialURL() 捕获此 URL

清单示例：

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
  package="net.yourapp"
  android:versionCode="1"
  android:versionName="0.1">

  <uses-permission android:name="android.permission.INTERNET" />
  <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>

  <uses-sdk
    android:minSdkVersion="16"
    android:targetSdkVersion="22" />

  <application
    android:name=".MainApplication"
    android:allowBackup="true"
    android:label="@string/app_name"
    android:largeHeap="true"
    android:icon="@mipmap/ic_launcher"
    android:theme="@style/AppTheme">

    <activity
      android:name=".MainActivity"
      android:label="@string/app_name"
      android:screenOrientation="portrait"
      android:configChanges="keyboard|keyboardHidden|screenSize">
      <intent-filter>
        <action android:name="android.intent.action.MAIN" />
        <category android:name="android.intent.category.LAUNCHER" />
      </intent-filter>

      <!-- HERE: -->
      <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="https" android:host="yoursite.net" />
        <data android:scheme="https" android:host="yoursite.com" />
        <data android:scheme="https" android:host="yoursite" />
        <data android:scheme="customscheme" android:host="yourpath" />
      </intent-filter>

    </activity>
    <activity android:name="com.facebook.react.devsupport.DevSettingsActivity" />
  </application>

</manifest>

使用 React-Native 监听 Android 上的传入链接

Listening for incoming links on Android with React-Native

android

react-native

deep-linking