ペペロミア開発ブログ

React Nativeで開発しているアプリ「ペペロミア」の技術系記事を投稿してます

ペペロミア v2.0.4のリリースノート。Expo SDK v37、Sign in with Apple、ダークモード対応などなど

ペペロミア v2.0.4を公開したので主な変更を記載します

■ v2.0.4のマイルストーン v2.0.4 Milestone · GitHub

Expo sdk v37にバージョンアップ

■ Expo sdk v37にバージョンアップ https://github.com/wheatandcat/Peperomia/pull/559

最新のExpo SDKにアップデートしました。内容は下記参照

blog.expo.io

バージョンアップに伴い修正した主な対応 * webサポート強化とあったのでトライしてみましたが、UIライブラリ系がサポートしてなかっのでビルド成功までいけなかった * Expo SDK37にしたら、@expo/match-mediaが動かなくなったので一旦table判定を別途作成して対応

Sign in with Apple導入

■ Sign in with Apple実装 https://github.com/wheatandcat/Peperomia/pull/567

Sign in with Appleを実装。Apple storeの規約でサードパーティのログインを形式の場合はSign in with Appleの実装は必須になったのでFirebase Authenticationに追加

UIも含めてほぼドキュメントのコピペで実装できてよかった。

AppleAuthentication - Expo Documentation

f:id:wheatandcat:20200426114958g:plain:w250

react-navigation v5にアップデート

■ react-navigation v5にアップデート https://github.com/wheatandcat/Peperomia/pull/545

内容は、前回記事を参照

www.wheatandcat.me

react-navigation v5でダークモード対応

■ react-navigation v5でダークモード対応

https://github.com/wheatandcat/Peperomia/pull/568

react-navigation v5のThemesの設定と

reactnavigation.org

ExpoのAppearance(機種のモード設定を取得できる)を実装して機種のモードでダークモードON/OFFするように変更

docs.expo.io

こんな感じになりました

f:id:wheatandcat:20200426120605g:plain:w250

Codecov実装

■ Codecov実装

https://github.com/wheatandcat/Peperomia/pull/565

Codecovはテストのカバレッジを継続的に確認できるサービスです

f:id:wheatandcat:20200426122018p:plain

その他

  • prettier 2.0にバージョンアップ
  • Dangerを導入する
  • jest-expo、enzyme導入
  • GitHub Actionsに移行する