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

Question

我正在用 React Native 制作一个应用程序。我已经制作了一个屏幕，并决定添加一个堆栈导航器进行导航。但是，当我添加堆栈导航器时，屏幕的背景颜色变为浅灰色。我希望它回到默认的白色。另外，在你问之前，不，将backgroundColor: 'white' 添加到视图的 css 是行不通的。由于某种原因，它只使屏幕的一半变白，而另一半保持灰色。如何使屏幕背景颜色恢复为默认白色。

Answer 1

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

您还可以指定{ backgroundColor: 'transparent' } 以使上一个屏幕在下方可见（对于透明模式）。这对于实现模态对话框之类的东西很有用。当使用透明背景时，您还应该在堆栈视图配置中指定mode: 'modal'，这样之前的屏幕就不会分离并在下方保持可见。