React Navigation deeplink 外部导航问题

Question

我有一个实现 react-navigation 的简单应用

const prefix = Platform.OS == 'android' ? 'http://test.in/' : 'http://';
const StackNav = createStackNavigator({
  Home: { screen: MainApp },
  Detail: {
    screen: ContentDetail,
    path: 'content/:contentId',
  },
  NewsDetail: NewsDetail
});

const App = () => <StackNav uriPrefix={prefix} />;

但是当我尝试使用外部链接导航到详细信息屏幕时，它无法导航。

试过

adb shell am start -W -a android.intent.action.VIEW -d "http://www.test.in/content/114" com.test

用于从命令提示符导航

Answer 1

您必须添加一个侦听器来处理外部导航的url 事件。看文档：https://facebook.github.io/react-native/docs/linking.html

componentDidMount() {
    Linking.addEventListener('url', this.handleOpenURL)
  }

  componentWillUnmount() {
    Linking.removeEventListener('url', this.handleOpenURL)
  }

  handleOpenURL = (event) => {
    somethingWithDeepLink(event.url)
  }