Question

我只想在react-native中使用当前路线或屏幕的名称，可以在条件中使用它。我正在使用基于React类的组件。

Answer 1

路线道具中有一个name属性。

function ProfileScreen({ route }) {
  return (
    <View>
      <Text>This is the profile screen of the app</Text>
      <Text>{route.name}</Text>
    </View>
  );
}

来源：https://reactnavigation.org/docs/route-prop

Answer 2

保留导航容器的引用，然后在引用上调用getCurrentRoute().name：

class App {
  navigationRef = null

  render() {
    <NavigationContainer ref={ref => this.navigationRef = ref}>
       .....
    </NavigationContainer>
  }

  getCurrentRouteName() {
    return this.navigationRef.getCurrentRoute().name
  }
}

来源：https://reactnavigation.org/docs/screen-tracking/（我刚刚将基于函数的组件语法转换为等效的类组件之一）

如何使用React Navigation v5在React Native中获取当前路线名称

2 个答案: