React-native-router-flux: ์ƒํƒœ ํ‘œ์‹œ์ค„ ์ƒ‰์ƒ์„ ๋ณ€๊ฒฝํ•˜์‹œ๊ฒ ์Šต๋‹ˆ๊นŒ?

์— ๋งŒ๋“  2016๋…„ 04์›” 01์ผ  ยท  9์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: aksonov/react-native-router-flux

๋‚ด๊ฐ€ ์‚ฌ์šฉํ•˜๋Š” navbar๊ฐ€ ์–ด๋‘ก๊ธฐ ๋•Œ๋ฌธ์— ๋งจ ์œ„์˜ ์ƒํƒœ ํ‘œ์‹œ์ค„(iphone)์„ ํฐ์ƒ‰ ์•„์ด์ฝ˜์œผ๋กœ ์–ด๋‘์šด ๋ฐฐ๊ฒฝ์œผ๋กœ ๋ณ€๊ฒฝํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์ฐพ์ง€ ๋ชปํ•˜๋Š” ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ์ž‘๋™์‹œํ‚ค๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•œ ์•„์ด๋””์–ด๊ฐ€ ์žˆ์Šต๋‹ˆ๊นŒ? ์ƒํƒœ ํ‘œ์‹œ์ค„์—์„œ ๋„ค์ดํ‹ฐ๋ธŒ ๋ฐ˜์‘ ๋ฌธ์„œ๋ฅผ ์‚ดํŽด๋ณด์•˜์ง€๋งŒ ๋ฌด์—‡์ด ํ•„์š”ํ•œ์ง€, ๋˜๋Š” ์ด ํ”Œ๋Ÿฌ๊ทธ์ธ์œผ๋กœ ํ•  ์ˆ˜ ์žˆ๋Š” ๋ฐฉ๋ฒ•์ด ์žˆ๋Š”์ง€ ์ดํ•ดํ•  ์ˆ˜ ์—†๋Š” ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ์–ด๋–ค ์•„์ด๋””์–ด?

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

StatusBar.setBarStyle('light-content', true); ์ƒํƒœ ํ‘œ์‹œ์ค„ ํ…์ŠคํŠธ/์•„์ด์ฝ˜์„ ํฐ์ƒ‰์œผ๋กœ ๋ณ€๊ฒฝํ•ฉ๋‹ˆ๋‹ค. react-native์˜ StatusBar๋ฅผ ํฌํ•จํ•˜๋Š” ๊ฒƒ์„ ์žŠ์ง€ ๋งˆ์‹ญ์‹œ์˜ค.

๋ชจ๋“  9 ๋Œ“๊ธ€

AFIKT iOS์—์„œ๋Š” ํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค. ๋ฌธ์„œ๋Š” ๊ทธ๊ฒƒ์— ๋Œ€ํ•ด ์•„์ฃผ ๋ช…ํ™•ํ•ฉ๋‹ˆ๋‹ค.

@jeroenbourgois ํ .. ๋†“์นœ๊ฒŒ ํ‹€๋ฆผ์—†๋„ค์š”. ๊ตฌ์ฒด์ ์œผ๋กœ iOS์—์„œ ํ•  ์ˆ˜ ์—†๋‹ค๊ณ  ์–ด๋””์—์„œ ๋งํ•ฉ๋‹ˆ๊นŒ? ์–ด๋‘์šด ํƒ์ƒ‰ ๋ชจ์Œ์—์„œ ์ž‘๋™ํ•˜๋„๋ก ํ•˜๋Š” ๋ฐฉ๋ฒ•์ด ์žˆ์Šต๋‹ˆ๋‹ค. :)

StatusBar.setBarStyle('light-content', true); ์ƒํƒœ ํ‘œ์‹œ์ค„ ํ…์ŠคํŠธ/์•„์ด์ฝ˜์„ ํฐ์ƒ‰์œผ๋กœ ๋ณ€๊ฒฝํ•ฉ๋‹ˆ๋‹ค. react-native์˜ StatusBar๋ฅผ ํฌํ•จํ•˜๋Š” ๊ฒƒ์„ ์žŠ์ง€ ๋งˆ์‹ญ์‹œ์˜ค.

@lee-gray ํ›Œ๋ฅญํ•˜๊ฒŒ ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค! ๊ณ ๋งˆ์›Œ์š”. :)

@lee-gray ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!
rad-sunny-delight-d-ja8v9vQFdbCiQ

ํ™˜์ƒ์ ์ด์•ผ!!

๊ฐ์‚ฌ ํ•ด์š”!

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" />
.
.
.
์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰