๋ด๊ฐ ์ฌ์ฉํ๋ navbar๊ฐ ์ด๋ก๊ธฐ ๋๋ฌธ์ ๋งจ ์์ ์ํ ํ์์ค(iphone)์ ํฐ์ ์์ด์ฝ์ผ๋ก ์ด๋์ด ๋ฐฐ๊ฒฝ์ผ๋ก ๋ณ๊ฒฝํ๋ ๋ฐฉ๋ฒ์ ์ฐพ์ง ๋ชปํ๋ ๊ฒ ๊ฐ์ต๋๋ค. ์๋์ํค๋ ๋ฐฉ๋ฒ์ ๋ํ ์์ด๋์ด๊ฐ ์์ต๋๊น? ์ํ ํ์์ค์์ ๋ค์ดํฐ๋ธ ๋ฐ์ ๋ฌธ์๋ฅผ ์ดํด๋ณด์์ง๋ง ๋ฌด์์ด ํ์ํ์ง, ๋๋ ์ด ํ๋ฌ๊ทธ์ธ์ผ๋ก ํ ์ ์๋ ๋ฐฉ๋ฒ์ด ์๋์ง ์ดํดํ ์ ์๋ ๊ฒ ๊ฐ์ต๋๋ค. ์ด๋ค ์์ด๋์ด?
AFIKT iOS์์๋ ํ ์ ์์ต๋๋ค. ๋ฌธ์๋ ๊ทธ๊ฒ์ ๋ํด ์์ฃผ ๋ช ํํฉ๋๋ค.
@jeroenbourgois ํ .. ๋์น๊ฒ ํ๋ฆผ์๋ค์. ๊ตฌ์ฒด์ ์ผ๋ก iOS์์ ํ ์ ์๋ค๊ณ ์ด๋์์ ๋งํฉ๋๊น? ์ด๋์ด ํ์ ๋ชจ์์์ ์๋ํ๋๋ก ํ๋ ๋ฐฉ๋ฒ์ด ์์ต๋๋ค. :)
StatusBar.setBarStyle('light-content', true); ์ํ ํ์์ค ํ ์คํธ/์์ด์ฝ์ ํฐ์์ผ๋ก ๋ณ๊ฒฝํฉ๋๋ค. react-native์ StatusBar๋ฅผ ํฌํจํ๋ ๊ฒ์ ์์ง ๋ง์ญ์์ค.
@lee-gray ํ๋ฅญํ๊ฒ ์๋ํฉ๋๋ค! ๊ณ ๋ง์์. :)
@lee-gray ๊ฐ์ฌํฉ๋๋ค!
ํ์์ ์ด์ผ!!
๊ฐ์ฌ ํด์!
IOS์ StatusBar์์ backgroundColor๋ฅผ ์ฌ์ฉํ ์ ์์ผ๋ฉฐ Android์์๋ง ์๋ํฉ๋๋ค. setBarStyle={color}์ ์ฌ์ฉํ๊ฑฐ๋ ๋์ StatusBar๋ฅผ ๋ฎ๋ View์์ backgroundColor๋ฅผ ์ค์ ํ์ธ์. :)
์ด ๋ฐฉ๋ฒ์ด ์์ต๋๋ค.
<Scene
key="tabbar"
tabs={true}
๐๐ป๐๐ป๐๐ป๐๐ป๐๐ป๐๐ป๐๐ป๐๐ป
onSelect={el => {
if (typeof Actions !== 'object') return;
const {
sceneKey,
statusBarStyle
} = el.props
if (statusBarStyle) {
StatusBar.setBarStyle(statusBarStyle, true)
Actions[sceneKey]()
}
}}>
<Scene
key="tab_1"
title="home"
component={Home}
icon={TabIcon}
๐๐ป๐๐ป๐๐ป๐๐ป๐๐ป๐๐ป๐๐ป๐๐ป๐๐ป๐๐ป๐๐ป๐๐ป๐๐ป
statusBarStyle="light-content" />
.
.
.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
StatusBar.setBarStyle('light-content', true); ์ํ ํ์์ค ํ ์คํธ/์์ด์ฝ์ ํฐ์์ผ๋ก ๋ณ๊ฒฝํฉ๋๋ค. react-native์ StatusBar๋ฅผ ํฌํจํ๋ ๊ฒ์ ์์ง ๋ง์ญ์์ค.