title: Modifying the tabBarBadge color in react native bottom tab navigator
body: <p>I have a react-native app that uses <code>createBottomTabNavigator</code> for navigation. I have set custom icons for the 2 tabs that comprise the navigator and I have added badges to them using <code>navigation.setOptions</code> like so:</p>
  <pre><code>navigation.setOptions({ tabBarBadge: 1 }) // sample value
  </code></pre>
  <p>This works fine as shown <a href="https://i.stack.imgur.com/IygzW.png" rel="nofollow noreferrer">here</a>. However, now I want to modify that red-ish colour of the badge to an arbitrary one. Following the <a href="https://reactnavigation.org/docs/bottom-tab-navigator#tabbarbadgestyle" rel="nofollow noreferrer">docs</a>, I have tried changing the colour like so:</p>
  <pre><code>navigation.setOptions({ tabBarBadge: 1, tabBarBadgeStyle: { backgroundColor: 'blue' }) // sample value
  </code></pre>
  <p>Unfortunately, this does not seem to work and I couldn't find any specific example on how to modify this colour, not in the docs nor anywhere else.</p>
  <p>Is there any way to modify this colour?</p>
  <p><strong>UPDATE</strong>: My package versions are as follows:</p>
  <p><code>@react-navigation/bottom-tabs: ^5.11.1</code></p>
  <p><code>react-native: 0.63.2</code></p>
  <p><code>react: 16.13.1</code></p>