React-native: [์• ๋‹ˆ๋ฉ”์ด์…˜] ๋ฐ˜๋ณต/๋ฐ˜๋ณต ์• ๋‹ˆ๋ฉ”์ด์…˜

์— ๋งŒ๋“  2015๋…„ 10์›” 25์ผ  ยท  3์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: facebook/react-native

ํ˜„์žฌ Animated API๋กœ ์• ๋‹ˆ๋ฉ”์ด์…˜์„ ๋ฐ˜๋ณตํ•˜๊ฑฐ๋‚˜ ๋ฐ˜๋ณตํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ?

๋‚ด ์•ฑ์ด ํ•„์š”ํ•œ ์ •๋ณด๋ฅผ ์–ป๋Š” ๋™์•ˆ ๋กœ๋”ฉ ์•„์ด์ฝ˜์„ ํšŒ์ „์‹œํ‚ค๊ณ  ์‹ถ์—ˆ์ง€๋งŒ ํ•œ ๋ฒˆ๋งŒ ํšŒ์ „ํ•  ์ˆ˜ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค.

๋ฌธ์•ˆ ์ธ์‚ฌ

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

.start() ๋ฉ”์†Œ๋“œ๋Š” ์™„๋ฃŒ ์ฝœ๋ฐฑ์„ ๋ฐ›์Šต๋‹ˆ๋‹ค. ํ•ด๋‹น ์ฝœ๋ฐฑ์—์„œ ์• ๋‹ˆ๋ฉ”์ด์…˜์„ ๋‹ค์‹œ ์‹คํ–‰ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค!

์ด๋Ÿฐ ์ผ์ด ์žˆ์–ด์•ผํ•ฉ๋‹ˆ๋‹ค

  ...
  runAnimation() {
    this.state.rotateValue.setValue(0);
    Animated.timing(this.state.rotateValue, {
        toValue: 360,
        duration: 500,
    }).start(() => this.runAnimation());
  }
  ...

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

.start() ๋ฉ”์†Œ๋“œ๋Š” ์™„๋ฃŒ ์ฝœ๋ฐฑ์„ ๋ฐ›์Šต๋‹ˆ๋‹ค. ํ•ด๋‹น ์ฝœ๋ฐฑ์—์„œ ์• ๋‹ˆ๋ฉ”์ด์…˜์„ ๋‹ค์‹œ ์‹คํ–‰ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค!

์ด๋Ÿฐ ์ผ์ด ์žˆ์–ด์•ผํ•ฉ๋‹ˆ๋‹ค

  ...
  runAnimation() {
    this.state.rotateValue.setValue(0);
    Animated.timing(this.state.rotateValue, {
        toValue: 360,
        duration: 500,
    }).start(() => this.runAnimation());
  }
  ...

@dralletje Doea ๋ฐ˜์‘ ๋„ค์ดํ‹ฐ๋ธŒ ์ง€์› ํ”„๋ ˆ์ž„ ์• ๋‹ˆ๋ฉ”์ด์…˜?

์Šคํƒ ์˜ค๋ฒ„ํ”Œ๋กœ๋ฅผ ์‚ฌ์šฉํ•˜๊ณ  ์ด๋Ÿฌํ•œ ์ข…๋ฅ˜์˜ ์งˆ๋ฌธ์— ๋Œ€ํ•ด ๋ฐ˜์‘ ๋„ค์ดํ‹ฐ๋ธŒ๋กœ ์งˆ๋ฌธ์— ํƒœ๊ทธ๋ฅผ ์ง€์ •ํ•˜์‹ญ์‹œ์˜ค. http://stackoverflow.com/questions/tagged/react-native

์ปค๋ฎค๋‹ˆํ‹ฐ์˜ ๋งŽ์€ ์‚ฌ๋žŒ๋“ค์ด Stack Overflow์—์„œ ์‹œ๊ฐ„์„ ๋ณด๋‚ด๋ฉฐ ๊ท€ํ•˜์˜ ์งˆ๋ฌธ์„ ๋ณด๊ณ  ๋‹ต๋ณ€ํ•  ์ˆ˜ ์žˆ์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์งˆ๋ฌธ์— ์Šคํƒ ์˜ค๋ฒ„ํ”Œ๋กœ๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด Github ๋ฌธ์ œ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ˆ˜์ •ํ•ด์•ผ ํ•˜๋Š” ๋ฒ„๊ทธ๋ฅผ ์ถ”์ ํ•˜๋Š” ๋ฐ ๋„์›€์ด ๋ฉ๋‹ˆ๋‹ค.

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