【RN Update 2023年4月】expo-blurがAndroidに対応 他
はじめに
こんにちは！
犬専用の音楽アプリ オトとりっぷでエンジニアしています、足立です！
この記事では、今月のReact Nativeに関連するニュースを紹介します。
目次
- ライブラリ情報
- 【expo-blur】 Androidに対応
- 【expo-image】 humbHashが使用可能に
- React Native関連情報
- AnimateReactNative
ライブラリ情報
【expo-blur】 Androidに対応
Expo BlurViewがAndroidに対応しました！
まだ公式のドキュメントは変更されていないようですが、expo-blurのv12.3.0から使用可能です。
BlurViewとは、透かしを入れるためのコンポーネントで、グラスモーフィズムのようなデザインを実装する際に必要です。
これまでReact NativeのAndroidでグラスモーフィズムを導入するためには、React-Natative-Skiaを導入する？みたいな状況だったので嬉しいアップデートです。
実はオトとりっぷでも使用している場所があるので、アップデートに対応したいです！
【expo-image】 humbHashが使用可能に
Expo ImageのplaceholderにThumbHashが使用可能になりました！
今までのBlurHashとの違いはこちらのTwitter投稿をご覧になるのが早いです。
ThumbHashってなに？という方はこちらをご覧ください。
要するに、BlurHashより元画像情報を残せるようになったよって事だと思っています。
Expo Imageを使用する際はこちらを活用してみたいですね！
React Native関連情報
AnimateReactNative
AnimateReactNativeというサイトがOpenしました！
こちら有料ですが、React NativeでさまざまなUIを実装するためのレシピが掲載されております。
「React NativeでこんなUIってどうやって実装したらいいんだろう？」とお悩みの方は必見です。
閲覧権限が買い切りなので、一度購入してしまえばサブスクのような心配もありません。
私は早速購入してみました！
有料という性質上コードを掲載する訳にはいきませんので、「やってみたよ！」というのだけお伝えできればと思います。
例えば、TimePickerというコンポーネントが公開されています。
このように、整ったUIが簡単に実装可能です。
これからどんどん活用していきたいです。
最後に
ここまで読んでいただきありがとうございました。
もし犬専用の音楽アプリに興味を持っていただけたら、ぜひダウンロードしてみてください！
Discussion