切换屏幕时白色背景闪烁-React-Navigation v5

Question

我正在将RN项目版本4迁移到5。

[切换屏幕时出现白色背景闪烁的问题。在v4中，这是通过在cardStyle: { backgroundColor: material.containerBgColor }选项中设置StackNavigation来解决的。

但是在v5中，我无法使用相同的方法来修复它：

<Stack.Navigator cardStyle={{ backgroundColor: material.containerBgColor }} ...>

白色闪光灯又回来了。知道如何解决吗？谢谢。

更新：导航的结构可能很重要：

const AppTabNavigator = () => (
  <Tab.Navigator>
    <Tab.Screen name="Home" component={Home} />
    <Stack.Screen name="ScreenD" component={ScreenD} />
    <Stack.Screen name="ScreenE" component={ScreenE} />
    <Stack.Screen name="ScreenF" component={ScreenF} />
  </Tab.Navigator>
)
...
  <Stack.Navigator
    ...
    cardStyle={{ backgroundColor: material.containerBgColor }}
  >
    <Stack.Screen name="Home" component={AppTabNavigator} />
    <Stack.Screen name="ScreenA" component={ScreenA} />
    <Stack.Screen name="ScreenB" component={ScreenB} />
    <Stack.Screen name="ScreenC" component={ScreenC} />
  </Stack.Navigator>

从ScreenD转到ScreenE会出现闪烁问题。我不确定其他屏幕，因为它们不发出任何网络请求/异步内容。

Answer 1

[cardStyle是屏幕上的选项，而不是导航器。