React Nativeでお絵描きしてみた
- 1. React Nativeでお絵かきしてみた K. Matsumura (@zuckey_17) React & React Native入門者の会 #2 2017.04.21
- 2. 簡単に自己紹介 株式会社ヤプリ 所属 フロントエンドとサーバーサイド 去年の8月に富士通(社内のサポートエンジニアしてました) から転職 React + Reduxで現行の管理画面をリプレース Immutable-js利用のプロジェクトへのFlow導入で悩み中 松村 和輝 (twitter@zuckey_17)
- 3. 本題の前に
- 7. jQuery怖い
- 11. 本題
- 14. Animated API
- 15. Animated API
- 16. Animated API
- 17. Animated API
- 18. • new Animated.Value(0)でstateを定義 • interpolateで値の変化率を調整する • style 属性の値を動的に変える Animated API
- 19. react-native-svg • react-nativeで、お絵かきするときに使う • Circle, Ellipse, G, LinearGradient, RadialGradient, Line, Path, Polygon, Polyline, Rect, Symbol, Text, Use, Defs, Stop • https://github.com/react-native- communty/react-native-svg
- 20. react-native-svg
- 21. react-native-svg • Animatedでopacityを変えたい！ → styleにしか当てられない →opacityに当ててみたら何故か通った！ （warning出るけど） • 基本的にreact-native-svgのコンポーネントに Animatedを当てるのではなくViewでラップする
- 22. まとめ • 英語のみでドキュメント漁るの辛いけど、修行 • Animatedは便利で楽しい！ • ライブラリはgitHubのスターが少なくて ちょっと心配になることが多い
- 23. ちょっと個人的に宣伝させてください！ • 友人とPodcastをはじめました • “楽しくて仕方がないラジオ” • Twitter @shiganaiRadio • #しがないラジオ