Question

问题

我正在尝试设置深层链接，但无法打开我的URL中指定的正确屏幕。该应用程序将打开，但始终显示在当前屏幕上，而不是URL中指定的屏幕上。

我的应用具有以下导航结构，并且我试图在应用打开时导航至“通知”屏幕

顶级开关导航器
1. SplashScreen
2. AuthLoading屏幕
3. 应用程序（BottomTabNavigator）
  1. 首页
  2. 个人资料
  3. 通知
4. 验证

我尝试过的事情

我尝试设置一个新应用并遵循他们的documentation，它在新项目中可以正常工作，但是我无法在当前项目中使用它。我还在新项目中包括了redux以测试相同的环境。

我正在通过针对iOS运行xcrun simctl openurl booted esportsdeeplink://app/notifications和针对Android运行adb shell am start -W -a android.intent.action.VIEW -d “esportsdeeplink://app/notifications” com.benji.esportscompetition进行测试。

打开应用程序的结果相同，但没有导航到指定页面

环境

本机v0.60.4
反应导航v3.11.1
redux v4.0.4
react-redux v7.1.0

代码我试图包括所有相关代码，但为了简洁起见，减少了一些导入和其他代码。如果您认为有帮助，我可以发布任何其他代码

Index.js（入口点）

import App from './src/app/App';

const ReactNativeRedux = () => (
  <Provider store={store}>
    <PersistGate loading={<SplashScreen />} persistor={persistor}>
      <PushNotifications />
      <App />
    </PersistGate>
  </Provider>
);

AppRegistry.registerComponent(appName, () => ReactNativeRedux);

App.js

import AppContainer from './Components/BottomNavigation/NavigationRouting';

class App extends React.Component {
  render(props) {
    const prefix = 'esportsdeeplink://'
    console.log('prefix', prefix)
    return (
      <Fragment>
          <View style={{ flex: 1, backgroundColor }}>
          <StatusBar translucent backgroundColor="transparent" />
            <LoadingSpinner loading={this.props.loading} />
            <AppContainer
              ref={(navigatorRef) => {
                NavigationService.setTopLevelNavigator(navigatorRef);
              }}
              uriPrefix={prefix}
              screenProps={{
                http,
                saveFriendsFnUser: this.saveFriendsFnUser,
                signupComplete: this.signupComplete,
              }}
            />
          </View>
      </Fragment>
    );
  }
}

const mapStateToProps = (state) => ({
  loading: state.api.loading,
  user: state.user,
  math: state.math,
  response: state.response,
});

const mapDispatchToProps = (dispatch) => ({
  startupRequest: () => {
    dispatch(startupRequest());
  },
});

export default connect(
  mapStateToProps,
  mapDispatchToProps,
)(App);

NavigationRouting.js（创建导航器的位置）

const BottomTabNav = createBottomTabNavigator(
  {
    Home: {
      screen: HomeScreen
    },
    Profile: {
      screen: ProfileStack
    },
    Notifications: {
      screen: Notifications,
      navigationOptions: () => ({
         tabBarVisible: false
       }),
      path: 'notifications',
    },

  },
  {
    tabBarComponent: CustomTabNav,
    initialRouteName: "Home"
  }
);

export default createAppContainer(
  createSwitchNavigator(
    {
      SplashScreen,
      AuthLoading: AuthLoadingScreen,
      App: {
        screen: BottomTabNav,
        path: 'app',
      },
      Auth: {
        screen: AuthStack,
        path: 'auth'
      }
    }
  )
);

深层链接设置

iOS

projectFolder / ios / eSportsCompetition / AppDelegate.m

#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];
}

@end

Android

projectFolder / android / app / src / main / AndroidManifest.xml

 <activity
        android:name=".MainActivity"
        android:label="@string/app_name"
        android:configChanges="keyboard|keyboardHidden|orientation|screenSize"
        android:windowSoftInputMode="adjustResize"
        android:launchMode="singleTask">
        <intent-filter>
            <action android:name="android.intent.action.MAIN" />
            <category android:name="android.intent.category.LAUNCHER" />
        </intent-filter>
        <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="esportsdeeplink" />
        </intent-filter>
      </activity>

Answer 1

尝试在uriPrefix={...} enableURLHandling={true}下设置

我也在AppDelegate.m文件中添加了此文件：

- (BOOL)application:(UIApplication *)app openURL:(NSURL *)url
            options:(NSDictionary<UIApplicationOpenURLOptionsKey,id> *)options
{
  return [RCTLinkingManager application:app openURL:url options:options];
}

当应用程序在后台运行时，这对我有用，但是当应用程序被终止时，对我来说没有作用。

反应导航深度链接打开应用程序，但页面不正确

1 个答案: