Question

我已经抓取了一个项目列表，并将其渲染到我的应用程序中。它是应用程序的第一页。我想做的是：将每个项目设置为“可触摸”，然后在您触摸它时，打开一个组件，该组件中充满了来自第二个提取请求的对象。

我是新来的本地人，你知道我是否需要使用lib或其他东西来做？

Answer 1

我会尽力回答您的问题。

使每个项目“可触摸” 用TouchableOpacity包装您的组件，您可以像这样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和Docs 另外，请检查此example了解更多详情

如何在React Native上导航到组件？

1 个答案: