reactjs - 如何完全改变 react 导航中抽屉的背景颜色

Question

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

Answer 1

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

例子:

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