如何导航到React Native上的组件

Question

我已经删除了一个项目列表并将其渲染到我的应用中。它是应用程序的第一页。我想做的是：使每个项目都"触摸"，当您触摸它时，您打开一个填充第二个提取申请的对象的组件。

我是新手反应本地的，你知道我是否必须使用lib或其他事情？

Answer 1

我会尝试一个一个。

使每个项目"可触摸" 将组件用TouchableOpacity包装，您可以从react Antial导入的本机，例如此import {TouchableOpacity} from "react-native";

触摸它时，打开一个装有对象的组件您需要在那里实现onPress方法，还需要反应导航以加载其他组件。

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

创建屏幕将是这样的：

import { createStackNavigator } from "react-navigation";
import Screen1 from "./Screen1";
import Screen2 from "./Screen2";
...
const customStackNavigator = createStackNavigator(
  {
    newScreenName: {
      screen: Screen1
    },
    newScreenName1: {
      screen: Screen2
    }
  },
  {}
);

检查API＆amp;文档在这里另外，请检查此示例以获取更多详细信息