webview 해더 배경색깔 바꾸기

웹뷰를 만들려고 여기까지와서 강좌를 듣게 되고, 많은 도움 받았습니다. 웹뷰를 이용해서 간단한 엡을 만들려고하는데. 상단에 나타난 header부분(각종 아이콘과 베터리아이콘이 보이는부분) 그리고 하단의 bottom의 버튼들이 있는 부분의 배경색을 검정색으로 바꾸고 싶은데.. 여기 강좌를 봐도... 다른 사이트를 검색을 해도 나오지 않아서 여쭤봅니다. 제 코드는 아래와 같습니다. 

import * as React from 'react';
import {StyleSheet,View, Text} from 'react-native'  ;
import { WebView } from 'react-native-webview';

export default class App extends React.Component {

  render() {

    return (

          <WebView source={{ uri: 'https://google.com' }} style={styles.container} />

    );

  }

}

const styles = StyleSheet.create ({

     container: {

         marginTop: 27,

         backgroundColor:"#cccccc"

     }

})