如何使用反应导航？

Question

我有一个打字稿代码。 当我按下交通按钮时，导航不起作用。 如何使用反应导航？

在同一目录中，我有带有 index.tsx 文件的“Transportations”文件夹。 在索引文件中，我默认导出了一些视图的

<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>

什么都不会发生

Answer 1

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