์๋ ,
ํ์ ๋ชจ์ backButtonImage์ ์ด๋ฏธ์ง ๋์ Icon(react-native-vector-icons)์ ์ฌ์ฉํ๊ณ ์ถ์์ต๋๋ค. ์ด ๋ฐฉ๋ฒ์ ์๋ํ ์ฌ๋์ด ์๊ฑฐ๋ ๋์ผํ ๋์์ผ๋ก ์ด๋ฅผ ์ํํ ์ ์๋ ๋ค๋ฅธ ๋ฐฉ๋ฒ์ด ์์ต๋๋ค.
๋ฏธ๋ฆฌ ๊ฐ์ฌ๋๋ฆฝ๋๋ค.
const ionicon = (icon) => Platform.OS == 'ios' ? `ios-${icon}` : `md-${icon}`;
renderBackButton={(nav) => {
return nav.navigationState.index ? (
<TouchableOpacity onPress={Actions.pop}>
<Icon name={ionicon('arrow-back')} size={26} color='#FFFFFF' />
</TouchableOpacity>
) : null;
}}
https://github.com/oblador/react-native-vector-icons
<Icon.ToolbarAndroid />
๋ฃจํธ ์ฌ์ renderBackButton
๊ฐ ์์ ๋๋ ์๋ํ์ง ์์์ต๋๋ค.
๊ทธ๋ฌ๋ ๊ฐ๋ณ ์ฅ๋ฉด์ ๋ฃ์ผ๋ฉด ์ํํ๊ฒ ์๋ํฉ๋๋ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ