我在我的应用程序中使用了一个抽屉。我定义了一个 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>
我还定义了一个 margin
到 headerStyle
,以便我可以在标题上看到背景场景颜色。
但是对于一个场景,我更改了背景颜色。但是背景颜色标题没有变化,正常。
那么如何为 Drawer.Screen
定义特定样式以更改背景颜色?
我使用 react-navigation 5。