将参数传递到滑动/手势上的上一个屏幕

Question

我已经彻底阅读了有关使用React导航在屏幕之间传递参数的文档： https：//reactnavigation.orgg/docs /params/

但是，所有这些示例仅在您调用导航时起作用。例如：

<Button
  title="Done"
  onPress={() => {
    // Pass and merge params back to home screen
    navigation.navigate({
     name: 'Home',
     params: { post: postText },
     merge: true,
    });
  }}
/>

我有一个带有后背按钮的屏幕，我可以在其中调用navigation.navigate.navigate和通过按钮按下按钮，就像上面的示例一样。但是，用户也可以从左侧滑动以返回Android上的第一个屏幕（我也假设iOS）。

因此，我的问题是：

当用户刷新回去时，我有没有办法将相同的数据传递给上一个屏幕（而不是按下后面的按钮）？

Answer 1

我可能没有一种更好的方式。但是，我们可以通过

假设您有一个屏幕b，您想向后滑动以转到屏幕home，然后将params传递给home from b在该滑动动作上。然后，您可以如下实现这一目标。

function B({navigation}) {

  React.useEffect(() => navigation.addListener('beforeRemove', (e) => {
         
        // the navigation.navigate will fire beforeRemove which causes an infinite loop. we guard this here
        if (e.data.action.type === "NAVIGATE") {
          return
        }
        // Prevent default behavior of leaving the screen
        e.preventDefault();
        
        // navigate manually
        navigation.navigate({
            name: 'Home',
            params: { post: postText },
            merge: true,
        });        
        
   }), [navigation]);

  return ( ... )
}

编辑： navigation.navigate很明显，beforeRemove事件再次引起无限循环。我们可以如上图所示。