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;