如何自定义 React Native Navigation Cardoverlay 样式？答案

【问题标题】：how to customize React native Navigation cardoverlay styles?如何自定义 React Native Navigation Cardoverlay 样式？
【发布时间】：2021-06-01 14:57:35
【问题描述】：

我想在反应原生导航堆栈导航器上实现这个黑色背景。我知道路过

像这样的几个属性：

options={{
    gestureEnabled: true,
    cardOverlayEnabled: true,
    ...TransitionPresets.ModalSlideFromBottomIOS,
    cardStyleInterpolator: CardStyleInterpolators.forModalPresentationIOS,
    mode: 'modal',
}

如何实现？ cardOverlayEnabled 提供灰色调。我试图添加一个黑色背景的 View flex 1，但是当我这样做时，我失去了后面的屏幕

【问题讨论】：

你想让牌的哪一部分变黑？卡本身？
不，我想要背景。我将使用示例图像编辑我的问题

标签： javascript reactjs react-native react-navigation

【解决方案1】：

所以答案与叠加无关。实际上，如果您将各种页面设置为像这样的向上滑动模式打开，那么所有新页面都会相互叠加，而您没有设置的页面是这样设置的，而是像整页一样放置，这个完整的页面将放置在最底部。有了这个，如果你设置一个黑色视图包裹你的路线，将根据需要给出黑色背景效果。

【讨论】：