Drawer: Redesign

[satya164]

• Change selected state drawer item

https://material.io/design/components/navigation-drawer.html

[jaulz]

Can we reintroduce the color property? In my case I have a color coding (e.g., green for Done screen etc.) and hence it was perfect to represent the color also in the drawer.

[gawrysiak]

@jaulz, it's still possible to customize the color which is now theme based. If you check the example/DrawerItems.js file, you should be able to see this:

<DrawerItem
  {...props}
  key={props.key}
  theme={
    props.key === 3 ? { colors: { primary: Colors.tealA200 } } : undefined
  }
  active={this.state.drawerItemIndex === index}
  onPress={() => this._setDrawerItem(index)}
/>

So you can either change the primary color globally or pass it through the theme prop for customizations. While having a color prop might look a bit cleaner in this case, it's still good to avoid unnecessary duplication and API bloat. Color props are present mostly in cases when there's no way to change it with any other method.

[jaulz]

You are right! Thanks for the hint with the theme... did not thought about that way :-)