LoginSignup
27
12

More than 5 years have passed since last update.

React Nativeのマイナーコンポーネントを発掘してみた。

Posted at

こんにちは。りさえです。
React Nativeに出会って7ヶ月が経ち、ようやく思い通りのUIを作れるようになってきました。
今回は「これわりと便利なのになんでgithubのスター少ないん?」というコンポーネントをご紹介します。

View・レイアウト系

react-native-image-view

画像をかっこよくプレビューできるライブラリ。
カスタマイズすれば、動画再生系のアプリも作れそうです。
imageview.gif
https://github.com/antonKalinin/react-native-image-view

react-native-masonry-layout

Pinterest風のUIも簡単に作れます。
react-native-masonryよりもバグが少ないです。
preview.png
https://github.com/fengmu456/react-native-masonry-layout

react-native-image-header-scroll-view

今どきのSNSで流行っている「ひっぱるとヘッダー画像がぐいーんと伸びるやつ」。
demoAndroid.gif
https://github.com/bamlab/react-native-image-header-scroll-view

react-native-carousel-component

Viewのカルーセル。ぬるぬる動きました。
68747470733a2f2f6a61636b6c616d3731382e6769746875622e696f2f72656163742d6e61746976652d6361726f7573656c2d636f6d706f6e656e742f6173736574732f6361726f7573656c2d636f6d706f6e656e742e676966.gif
https://github.com/jacklam718/react-native-carousel-component

アニメーション系

react-native-animated-ui

ハートや星などのアニメーションが用意されています。
ふぁぼアニメーションにどうぞ!
68747470733a2f2f6d656469612e67697068792e636f6d2f6d656469612f6c347054736a72426b6c494533695a41512f67697068792e676966.gif
https://github.com/DaniyarJakupov/react-native-animated-ui

react-native-text-ticker

文字が流れる! ただそれだけだが、地味に使える。
text-ticker.gif
https://github.com/deanhet/react-native-text-ticker

便利系

react-native-thumbnail

動画からサムネイルを切り取ってgetできる。
https://github.com/phuochau/react-native-thumbnail

(随時追記します)

27
12
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
27
12