Inflearn Community Q&A

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: 'http://segerodc.org/' }}/>
  );
}

const Stack = createStackNavigator();

function App() {

  return (
    <NavigationContainer>
      <Stack.Navigator
        screenOptions={{
          headerStyle:{
            height:27,
            backgroundColor: '#555555',
          },
          headerTitleStyle:{
            fontSize: 0,
          },
          headerTintColor: '#fff',
        }}
      >
        <Stack.Screen name="Home" component={HomeScreen} />
      </Stack.Navigator>
    </NavigationContainer>
  );
}


export default App;