React native footer background color in ios (with Native base components)

Question

I want to change this footer color that appears in iPhone 11 pro max (both black and white parts)

I've seen the answers with fragment and safearea, but I've wrapped my screens with header and content components from native base and I'm looking for an answer that would adapt with them.

This is my current layout :

  import React from 'react';
  import { Container, Content, Header } from 'native-base';

  <Container>
    <Header
      androidStatusBarColor="#F4F6FF"
      iosBarStyle="dark-content"
      style={{
        backgroundColor: '#F4F6FF',
        height: 45,
        borderBottomWidth: 0,
      }}
    />

    <Content contentContainerStyle={{ flexGrow: 1 }}>
       {children}
    </Content>
  </Container>

question from:https://stackoverflow.com/questions/65933755/react-native-footer-background-color-in-ios-with-native-base-components

Answer 1

Waitting for answers