如何使用反应导航？

Question

I have a typescript code. When I pressed to button of Transportations, navigation is not working. How to use react-navigation?

In the same directory, I have 'Transportations' folder with index.tsx file. In the index file, I exported by default some View's

<Content padder>
    <HomeItem
      onPress={() => navigation.navigate("Transportations")}
      icon="repeat"
      title={t("routes_transportations")}
    />
    <HomeItem
      onPress={() => navigation.navigate("Vaccination")}
      icon="medkit"
      title={t("routes_vacination")}
    />
    <HomeItem
      onPress={() => navigation.navigate("Sampling")}
      icon="color-filter"
      title={t("routes_sampling")}
    />
</Content>

Nothing will happened

Answer 1

如果您的屏幕在堆栈导航器或其他反应导航堆栈中，您应该在组件中访问类似this.props.navigation.navigate()导航