[React Native] React Navigation - 5. [Stack] Header Bar 설정

5. [Stack] Header Bar 설정 헤더바의 이름이나 색상 등을 바꿀 수 있는 방법에 대해 알아보자. App.js에서 정의된 스크린에 options라는 프로퍼티를 주고 title이라는 값을 주면 헤더바의 글자를 바꿀 수 있다. 이렇게 하면 초기값으로 헤더 타이틀을 지정할 수 있지만, 그 후에도 임의로 조정 가능하다. 아래 코드처럼 this.props.navigation.setOptions를 통해 헤더바의 설정을 바꿀 수 있다. 글자 뿐 아니라 글자색과 배경색을 바꿀 수도 있다. { this.props.navigation.setOptions({ title: 'Changed!!!', headerStyle: { backgroundColor: 'pink', }, headerTintColor: 'red'..

2022.01.14