1

Is there a way to change the overflow menu color / icon in React Native Navigation?

The menu appears automatically when righButton has the property showAsAction: 'never'. By default it's black and is hard to see when the background is dark.

enter image description here

Jarzka
  • 755
  • 7
  • 22
  • check here: https://stackoverflow.com/questions/42261011/react-navigation-switching-background-colors-and-styling-stacknavigator – Nobady Jun 04 '20 at 10:34
  • 1
    Your answer is related to React Navigation, not React Native Navigation. These are two different libraries. – Jarzka Jun 05 '20 at 12:53
  • sorry, you're right. can you post the code of the current topbar configuration? – Nobady Jun 05 '20 at 13:20
  • ``` { topBar: { title: { text: 'Blah', }, backButton: { color: Colors.MenuAction, }, rightButtons: [{ id, text, icon: Images.clearBlack, color: Colors.menu, showAsAction: 'never', }], }, }; ``` – Jarzka Jun 08 '20 at 06:19
  • ok, you can either change the color by default in 'Colors.menu' or set the color of the right button directly in topBar with the rightButtonColor option (see the option here: wix.github.io/react-native-navigation/api/options-stack/#rightbuttoncolor) – Nobady Jun 08 '20 at 14:42
  • 1
    This works! Thanks a lot! :) – Jarzka Jun 09 '20 at 13:55

0 Answers0