如何在反应导航中完全更改抽屉的背景颜色

Question

如何完全更改抽屉的背景颜色？我不需要改变抽屉项目需要完全改变抽屉的背景颜色。默认情况下，它是白色的，而我需要将其设为绿色。有演示示例吗？

Answer 1

老问题，但这可能会帮助正在寻找此解决方案的人。在createDrawerNavigator您有一个drawerConfig名为drawerBackgroundColor.

例子：

import React from 'react';
import { createDrawerNavigator } from 'react-navigation';
import Home from '../screens/Home';
import Screen2 from '../screens/Screen2';

export default createDrawerNavigator({
    Home,
    Screen2
}, {
    drawerPosition: 'left',
    drawerBackgroundColor: '#0000FF',
});

您可以在 React Navigation 文档中阅读更多相关信息：https : //reactnavigation.org/docs/en/drawer-navigator.html