Reactjs 如何导航到react native上的组件？

我已经添加了一个项目列表，并将其呈现到我的应用程序中。 这是应用程序的第一页。 我想做的是： 将每个项目设置为“可触摸”，当您触摸它时，您将打开一个组件，其中包含来自第二个提取请求的对象

---

我是个新手，不知道我是不是要用lib或其他什么工具来做这件事？

我会试着一个接一个地回答你的问题

使每个项目都“可触摸” 用

touchablepacity

包装组件，您可以像这样从“react native”导入

import{touchablepacity}

当您触摸它时，会打开一个充满对象的组件
您需要在那里实现
onPress
方法，并对加载其他组件进行导航

<TouchableOpacity onPress={() => this.props.navigation.navigate("newScreenName")}>
    <MyCustomComponent>
      ...
    </MyCustomComponent>
</TouchableOpacity>


检查&在这里
此外，请检查此项以了解更多详细信息
而不是直接在组件中显示，您可以使用导航移动到屏幕，在屏幕上显示数据！对于导航，您可以使用react导航。您绝对不需要NativeBase来实现OP想要的功能。我建议你不要使用这样的图书馆，直到你明白如何不用它。我个人的一个小轶事是，我遇到了在更新之间破坏NativeBase的更改的问题，开发人员不太愿意修复它（“只使用旧版本”，它与新的React原生版本不兼容）。非常不专业，我不会再使用它们了。有道理，是的，有时很难理解它们。我已将链接更改为我的一个学习项目，请看一看。
import { createStackNavigator } from "react-navigation";
import Screen1 from "./Screen1";
import Screen2 from "./Screen2";
...
const customStackNavigator = createStackNavigator(
  {
    newScreenName: {
      screen: Screen1
    },
    newScreenName1: {
      screen: Screen2
    }
  },
  {}
);