如何自定义 React native Navigation cardoverlay 样式？

Question

我想在 React Native Navigation Stack Navigator 上实现这个黑色背景。我知道路过

像这样的几个属性：

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

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

Answer 1

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

如何自定义 React native Navigation cardoverlay 样式？

how to customize React native Navigation cardoverlay styles?

javascript

reactjs

react-native

react-navigation