react-native / android：屏幕内容在导航时变得透明

Question

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

这是初始屏幕：

导航发生时，我会看到类似以下内容：

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

我不介意阴影/色调不如怪异的透明度。 在其他一些屏幕上，情况甚至更糟（如果需要，可以发布更多屏幕截图）。

如果有兴趣，我可以使用StackNavigator react-native-navigation StackNavigator 。 我之前曾经做过一个应用程序，但是从未见过这种现象，尽管我确实在其他应用程序中观察到，导航时，屏幕似乎沿着屏幕的整个宽度滑动，而与此新应用程序相比，新页面似乎可以滑动上一个。

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

Answer 1

我相信您需要更改的是cardStyle的StackNavigator 。 您可能需要为过渡配置和CardStyle进行一些设置，以实现所需的功能。

我目前没有要测试的项目，但是在这里定义堆栈时要在这里进行更改：

const MainStack = StackNavigator(
{
    HomeScreen: { screen: HomeScreen },
    ...
},
{
    stateName: 'MainStack',
    initialRouteName: 'HomeScreen',
    cardStyle: {
        shadowOpacity: 0,    <------- DEFINE YOUR CARD STYLES HERE
    },
}
);

这是 CardStack源代码中相关代码的链接 ，如您所见，它首先是从当前过渡配置（第434-436行）中获取样式，然后是cardStyle道具（第446行）中的cardStyle

让我知道如果您需要一些帮助来确定到底要传递哪些样式，我可以设置一个测试项目来提供帮助。 我将看一下设置opacity: 1以查看是否可以实现您想要的效果。