注册按下反应导航卡覆盖(以消除模式)

Gab*_*ary 6 react-native react-navigation

我有一个屏幕,它作为具有透明背景的模态加载(为了讨论,我制作了 BG)。

我希望捕获并呼叫屏幕黄色部分上的点击navigation.goBack(),但这些点击似乎没有被注册?事件没有传递到卡片覆盖层吗?我怎样才能完成这种行为?

此屏幕的代码如下所示:

<LoggedInStack.Screen
        name={ADD_LINK_SCREEN}
        component={AddLinkScreen}
        options={({ navigation }) => ({
          headerShown: false,
          cardStyle: { backgroundColor: 'transparent' },
          cardOverlay: () => (
            <UNPressable
              style={{ backgroundColor: 'yellow', opacity: 0.5, flex: 1 }}
              onPress={() => {
                console.log('pressedCardOverlay');
                navigation.goBack();
              }}>
            </UNPressable>
          ),

          cardOverlayEnabled: true,
          cardStyleInterpolator: CardStyleInterpolators.forVerticalIOS,
        })}
      />
Run Code Online (Sandbox Code Playgroud)