通过React-Navigation传递数据

Question

我想知道我在React Native（仍在学习）中开发的应用程序有什么问题。

屏幕3显示了axios和API获得的产品列表，以及一些交互（我可以使用某些PickerItem筛选产品，...）

在屏幕1上，我有一个项目列表，使用onPress可以获取被按下元素的值。 然后，我想通过navigate和params传递此信息以转到屏幕3并过滤我的产品，以便仅显示具有所选值的产品。

例如，如果在屏幕3上显示：矩形，三角形，圆形，正方形。 我在屏幕1上仅选择圈子，然后将其传递到屏幕3以仅显示圈子产品。

您认为有可能吗？ 我仍然在React-Navigation遇到一些问题，但是它的工作方式非常酷。 并且您认为最好重用屏幕3，还是应该创建另一个componentScreen来接收此数据并显示它？

编辑

我正在用React-Navigation做类似的事情来访问Screen3

const LabelsNavigator = createStackNavigator(
{
    Screen1: LabelScreen,
    Screen3: CatalogScreen,
},
{
    navigationOptions: {
        header: null
    }
});
const CatalogNavigator = createStackNavigator({
    Screen3: CatalogScreen
});
const AppNavigator = createStackNavigator(
{
    App: HomeScreen,
    Screen3: CatalogNavigator,
    Screen1: LabelsNavigator,
},
{
    initialRouteName: "App",
    navigationOptions: {
        headerTitle: <Header/>
    }
}

）;

目前，我的axios调用API仅在屏幕3中提供信息。我应该将其移至App.js吗？

谢谢！

Answer 1

为了仅使用React Navigation使其保持“简单”状态，我只是对一些组件和应用程序的状态进行了重新排序。

我正在使用加载程序将Axios Api Call到App.js ，然后可以在三个屏幕之间导航并像这样发送数据：

this.props.navigation.navigate('Catalog', { ...this.state.filteredArray })

一切正常。 非常感谢您的任何建议。

当第一个版本发布时，我想我将使用Redux来完成我的应用v2