title: How to change background color that appear behind to BottomTab in React Navigation v5?
body: <p>I want to create my BottomTab with border radius, but behind my tab appear a background color (white) and I don't know how remove or change it:</p>
  
  <p><a href="https://i.stack.imgur.com/McS1m.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/McS1m.png" alt="White space in corners"></a></p>
  
  <p>I found a 'solution':</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>tabBarOptions={{
          showLabel: false,
          activeTintColor: theme.primary,
          inactiveTintColor: theme.tintInactiveTabBar,
          style: {
            backgroundColor: theme.backgroundTabBar,
            position: 'absolute',
            left: 0,
            bottom: 0,
            right: 0,
            borderTopWidth: 0,
            borderTopRightRadius: 10,
            borderTopLeftRadius: 10,
            height: 60,
            elevation: 0,
          },
        }}</code></pre>
  </div>
  </div>
  </p>
  
  <p>But set position: absolute has another problems: can't see all content in ScrollViews:</p>
  
  <p><a href="https://i.stack.imgur.com/LFFqB.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/LFFqB.jpg" alt="enter image description here"></a></p>
  
  <p>I try to set padding or margins in te containers but it doesn't work.</p>