如何从 React Native/Navigation 中的另一个屏幕向屏幕添加新组件？答案

【问题标题】：How do I add a new component to the screen from another screen in React Native/Navigation?如何从 React Native/Navigation 中的另一个屏幕向屏幕添加新组件？
【发布时间】：2021-09-13 06:32:12
【问题描述】：

我对 React/Native/Navigation 作为一个整体还是比较陌生，我正在创建我的第一个应用程序。正如标题所说，我不知道如何从另一个组件向屏幕添加新组件。

屏幕A中的一个按钮，请忽略上面的“获取全局变量”：

当从另一个屏幕调用函数时，我想做的是能够在其下方添加另一个按钮。

例如，在屏幕 B 中，我有一个显示“确认”的按钮，这就是将 first 按钮添加到屏幕 A 中的按钮。通过多次按“确认”，我想在屏幕 A 上添加更多按钮。

我不确定这是否可行，也不确定如何实现。到目前为止，阅读文档对我没有帮助。

作为参考，这是“确认”的代码

  <Button 
    title="Confirm" 
    onPress={() => {
      navigation.navigate({
        name: 'ScreenB',
        params: { 
          placeholder: box("placeholder"),
        },
        merge: true
      });
    }}
    />

【问题讨论】：

这就是状态管理发挥作用的地方。您可以使用屏幕 A 和 B 都可以访问的 Context 或使用 Mobx-State-Tree 或 Redux 等状态管理库。

标签： react-native react-navigation react-navigation-v5

【解决方案1】：

您可以尝试存储用户在屏幕 B 中单击确认按钮的次数，然后在导航到屏幕 A 时，您可以将该值作为导航参数传递，然后在屏幕 A 中读取该值。然后只需显示该数量屏幕 A 中的按钮。

【讨论】：