React-native-router-flux: RNRF v3.26.1 / RN 0.26.1 ์˜ค๋ฅ˜: "navigationState ๋ฐ onNavigate ์†์„ฑ์€ null์ด ์•„๋‹ˆ์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค."

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

๋ฒ„์ „

  • ๋ฐ˜์‘ ๋„ค์ดํ‹ฐ๋ธŒ ๋ผ์šฐํ„ฐ ํ”Œ๋Ÿญ์Šค v3.26.1
  • ๋ฐ˜์‘ ๋„ค์ดํ‹ฐ๋ธŒ v0.26.1

์‹œ์ž‘ ์‹œ ์˜ค๋ฅ˜ ๋ฐœ์ƒ:
screen shot 2016-05-22 at 10 43 25

@joenoon ์ฝ”๋“œ๋Š” 0.26์œผ๋กœ ์—…๋ฐ์ดํŠธํ•ด์•ผ ํ•ฉ๋‹ˆ๊นŒ?

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

๊ทธ๋ƒฅ ์ถ”์ธก์ž…๋‹ˆ๋‹ค. ์‚ฌ์ด๋“œ ๋ฉ”๋‰ด๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒฝ์šฐ onNavigate ์†Œํ’ˆ์„ DefaultRenderer ์— ์ถ”๊ฐ€ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์‚ฌ์ด๋“œ ๋ฉ”๋‰ด ํ†ตํ•ฉ ์˜ˆ๋Š” ๋™์ผํ•œ ๋ฌธ์ œ์ž…๋‹ˆ๋‹ค. onNavigate ์†Œํ’ˆ์ด ์—†์Šต๋‹ˆ๋‹ค.

<DefaultRenderer navigationState={children[0]} />

๋Œ€

<DefaultRenderer navigationState={children[0]} onNavigate={this.props.onNavigate} />

๋˜ํ•œ DefaultRenderer ๋ฅผ ์–ด๋”˜๊ฐ€์— ์‚ฌ์šฉํ•œ๋‹ค๋ฉด ์ง€๊ธˆ onNavigate prop์„ ์ „๋‹ฌํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

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

๊ทธ๋ƒฅ ์ถ”์ธก์ž…๋‹ˆ๋‹ค. ์‚ฌ์ด๋“œ ๋ฉ”๋‰ด๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒฝ์šฐ onNavigate ์†Œํ’ˆ์„ DefaultRenderer ์— ์ถ”๊ฐ€ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์‚ฌ์ด๋“œ ๋ฉ”๋‰ด ํ†ตํ•ฉ ์˜ˆ๋Š” ๋™์ผํ•œ ๋ฌธ์ œ์ž…๋‹ˆ๋‹ค. onNavigate ์†Œํ’ˆ์ด ์—†์Šต๋‹ˆ๋‹ค.

<DefaultRenderer navigationState={children[0]} />

๋Œ€

<DefaultRenderer navigationState={children[0]} onNavigate={this.props.onNavigate} />

๋˜ํ•œ DefaultRenderer ๋ฅผ ์–ด๋”˜๊ฐ€์— ์‚ฌ์šฉํ•œ๋‹ค๋ฉด ์ง€๊ธˆ onNavigate prop์„ ์ „๋‹ฌํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

์ข‹์€ ์ถ”์ธก์ž…๋‹ˆ๋‹ค. ์˜ค๋ฅ˜๊ฐ€ ์ˆ˜์ •๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!

์ด์ œ ๋‚ด ์‚ฌ์šฉ์ž ์ง€์ • ํƒ์ƒ‰ ๋ชจ์Œ์ด ๋” ์ด์ƒ ๋‚˜ํƒ€๋‚˜์ง€ ์•Š๊ณ  ์‚ฌ์ด๋“œ ๋ฉ”๋‰ด์— ์•ก์„ธ์Šคํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.

์•Œ๊ฒ ์Šต๋‹ˆ๋‹ค. hideNavBar={true} ์„(๋ฅผ) ์ œ๊ฑฐํ•ด์•ผ ํ–ˆ์Šต๋‹ˆ๋‹ค.

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰