反应导航:抽屉场景样式

时间:2021-02-20 11:01:25

标签: react-native react-navigation react-navigation-v5 react-navigation-drawer

我在我的应用程序中使用了一个抽屉。我定义了一个 sceneContainerStyle 来为抽屉的所有场景设置一个 backgroundColor

<Drawer.Navigator
  sceneContainerStyle={styles.scene}
  backBehavior="initialRoute"
  screenOptions={({ navigation }) => ({
    headerShown: true,
    headerStyle: styles.navigationBar,
    headerTitleStyle: styles.title,
    headerTitleAlign: 'center'
  })}
>
  <Drawer.Screen name={ModuleData.HOME.navigation} component={HomePage} />
  <Drawer.Screen name={ModuleData.OTHER_SCREEN.navigation} component={OtherScreen} />
</Drawer.Navigator>

我还定义了一个 marginheaderStyle,以便我可以在标题上看到背景场景颜色。
enter image description here

但是对于一个场景,我更改了背景颜色。但是背景颜色标题没有变化,正常。 那么如何为 Drawer.Screen 定义特定样式以更改背景颜色?
enter image description here

我使用 react-navigation 5。

0 个答案:

没有答案