Notification Icon들의 색깔과 배경을 어떻게 바꿀까요?

react native를 이제 막 배우는 초보입니다. 간단하게 webview를 통해 개발의 맛을 보고 있는 중인데요. Notification bar에 나오는 아이콘들의 색깔와 배경을 어떻게 지정을 하는지 모르겠어요 --; doc을 찾아봤는데도 어떻게 접근을 해야할지 몰라서입니다. 마찬가지로 제일 하단에 home 버튼, back버튼의 색깔와 배경도 어떻게 접근을 해야할지요? 아래와 같이 해봤답니다. --;

import * as React from 'react';

import {StyleSheet,View, Text} from ‘react-native’ ;
import { NavigationContainer} from ‘@react-navigation/native’;
import { createStackNavigator} from ‘@react-navigation/stack’;
import { WebView } from ‘react-native-webview’;

function HomeScreen() {
return (
<WebView source={{ uri: ‘https://google.com/’ }}/>
);
}

const Stack = createStackNavigator();

function App() {

return (

<Stack.Navigator
screenOptions={{
headerStyle:{
height:27,
backgroundColor: ‘#555555’,
},
headerTitleStyle:{
fontSize: 0,
},
headerTintColor: ‘#fff’,
}}
>
<Stack.Screen name=“Home” component={HomeScreen} />
</Stack.Navigator>

);
}

export default App;

Notification Icon이라는게 휴대폰 푸시알림 아이콘을 말씀하시는거라면 react-native단이 아닌 각각의 android, ios에서 수정해야됩니다. 혹시 네비게이션의 버튼 아이콘을 말씀하시는거라면 탭네비게이션을 기준으로 저는

  <Tabs.Screen
    name="HomeTab"
    component={HomeNavigator}
    options={{
      tabBarIcon: ({focused}) => {
        if (focused == true) {
          return <Home_active></Home_active>;
        } else {
          return <Home_non_active></Home_non_active>;
        }
      },
    }}
  />

이런식으로 해당 탭이 포커스 되었을때랑 포커스되지 않았을 때 svg파일을 이용합니다.