react-native / android：屏幕内容在导航

Question

我有这个问题，当我导航到新屏幕时，我的第一个屏幕的内容（更像是它的一部分）变得半透明。

所以这是初始屏幕：

当导航发生时我会看到类似这样的内容：

这不是很明显，但你可以在导航的第一个屏幕上看到绿色阴影。之前它是白色的，但是当我改变主要活动使用的主题的背景颜色时，它会改变。

我不介意阴影/色调和奇怪的透明度一样。在其他一些屏幕上它更糟糕（如果需要可以发布更多截图）。

我使用StackNavigator的{​​{1}}，如果感兴趣的话。 我之前做过一个应用程序并且从未见过这种行为，虽然我确实观察到在我的其他应用程序中，当导航时，屏幕似乎沿着屏幕的整个宽度滑动，相比之下这个新的应用程序，新的页面似乎滑行在前一个上面。

更新：我的一个没有此问题的应用程序不使用此导航器。它使用react-native-navigation提供的旧导航器。

Answer 1

我相信您需要更改的内容是您cardStyle的{​​{1}}。您可能需要为转换配置和CardStyle设置一些设置以实现您想要的效果。

我目前没有要测试的项目，但是在定义堆栈时，您可以在此处更改它：

StackNavigator

在CardStack源代码中

Here's a link to the relevant code，你可以看到它首先从当前的转换配置（第434-436行）和const MainStack = StackNavigator( { HomeScreen: { screen: HomeScreen }, ... }, { stateName: 'MainStack', initialRouteName: 'HomeScreen', cardStyle: { shadowOpacity: 0, <------- DEFINE YOUR CARD STYLES HERE }, } ); 道具（第446行）获取样式

如果您需要一些帮助来解决确切传递的样式，请告诉我，我可以设置一个测试项目来帮助您。 我会考虑设置cardStyle，看看是否能实现您的目标。