堆栈导航器导致 React Native 中背景颜色发生变化

Question

我正在用 React Native 制作一个应用程序。我制作了其中一个屏幕，并决定添加一个堆栈导航器用于导航。但是，当我添加堆栈导航器时，屏幕的背景颜色变为浅灰色。我希望它恢复到默认的白色。另外，在你问之前，不，将

backgroundColor: 'white'

添加到视图的 css 中是行不通的。由于某种原因，它只能使屏幕的一半变白，另一半保持灰色。如何让屏幕背景颜色恢复为默认白色。

Answer 1

cardStyle

堆栈中卡片的样式对象。您可以在此处提供自定义背景颜色来代替默认背景。

您还可以指定

{ backgroundColor: 'transparent' }

以使前一个屏幕在下方可见（对于透明模态）。这对于实现模式对话框之类的东西很有用。使用透明背景时，您还应该在堆栈视图配置中指定

mode: 'modal'

，这样以前的屏幕就不会分离并在下面保持可见。

Answer 2

我遇到了类似的问题，尝试更改导航容器的卡片背景颜色，看起来像这样。

<NavigationContainer theme={{colors: {background: '#63C2D1'}}}>
   <YourStack/>
</NavigationContainer>

现在，当您更改屏幕时，它将显示背景颜色。