제일 top에 나오는 아이콘의 색깔은 어떻게 조정을 하나요?

React React Native
1

react-native를 가지고 webview 앱을 만들면서 배우고 있습니다. 폰에 제일 상단에 인터넷연결아이콘, 배터리 아이콘등이 나오는 곳의 바탕색깔은 navigation에서 어떻게 했는데… 해당 아이콘의 색깔은 어떻게 지정을 하는지 아무리 찾아봐도 없더라구요. -_-; 하단에 홈버튼, 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;

2

안드로이드는 할 수 있는게 많으며 iOS에서는 StatusBarStyle로 지정만 가능합니다.