Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

⬆️: Upgrade Expo SDK to 48 #133

Merged
merged 22 commits into from
May 10, 2023
Merged

⬆️: Upgrade Expo SDK to 48 #133

merged 22 commits into from
May 10, 2023

Conversation

creature-water-valley
Copy link
Contributor

@creature-water-valley creature-water-valley commented Apr 26, 2023

✅ What's done

  • npm install expo@^48.0.0を実行してExpo SDKをアップグレード
  • npx expo install --fixを実行してExpo管理のライブラリをアップグレード
  • npx expo install --fixで更新されないライブラリの更新
  • @expo/config-pluginsdevDependenciesに追加
    • expo@react-native-firebase/appが依存ライブラリとして追加している@expo/config-pluginsのバージョンが違い、@expo/config-pluginsに適用するパッチのパスが変わってしまう
    • 上記事象を解消するために、devDependencies@expo/cliで使用する@expo/config-pluginsと同じバージョンを追加
  • 既存のパッチファイルの更新
  • 依存パッケージの削除
    • @types/react-native
    • react-dom
    • react-native-web
  • FlatListでデータが0件の場合にscrollToEndを呼び出すとエラーになる問題の対処としてパッチを追加
  • expo-template-blank-typescriptの更新履歴expo-template-bare-minimumの更新履歴を確認
    • buckconfigの削除
    • .gitignoreの更新
    • app.config.jsの更新
      • カラーコードを小文字に統一
  • renovate5.jsonの更新
    • @types/react-native
    • jest-expo
    • react-dom
    • react-native-web
  • Fix hands-on patch

Tests

  • npm run create-app:hands-on

Devices

  • 動作確認に利用したデバイスにチェックをつけてください
  • iOS
    • シミュレータ (iPhone 14 Pro/iOS 16)
    • 実機 (iPhone 8/iOS 14)
  • Android
    • エミュレータ (Pixel 3a/Android 13)
    • 実機 (Pixel 3a/Android 11)

Other (messages to reviewers, concerns, etc.)

なし

- 複数のバージョンの@expo/config-pluginsが混在していると、@expo/config-pluginsに適用するパッチのパス(@expo/cliが参照する@expo/config-plugins)が変わってしまう
- 上記事象を解消するために、devDependenciesに@expo/cliで使用する@expo/config-pluginsと同じバージョンを追加することで、パッチを適用するパスが固定されるようにする
creature-water-valley referenced this pull request in ws-4020/mobile-app-crib-notes May 8, 2023
## ✅ What's done

[`rn-spoiler`のExpo SDK 48アップグレード対応](https://github.com/ws-4020/rn-spoiler/pull/133)で以下を検知

ToDo一覧画面のFAB(Icon)は、`react-native-elements`の`Icon`を使用していますが、`raised`を指定した場合に以下のWarningが出力されます。

> WARN  (ADVICE) View #355 of type RCTView has a shadow set but cannot calculate shadow efficiently. Consider setting a background color to fix this, or apply the shadow to a more specific component.

`shadow`関連のPropsを扱う場合は`backgroundColor`も設定した方が良いという警告ですが、`raised`を`true`に設定した場合に、`react-native-elements`では`backgroundColor`を設定していないようです。

- https://github.com/react-native-elements/react-native-elements/blob/v3.4.3/src/icons/Icon.tsx#L177

ToDoアプリでは、`Icon`の`raised`の使用を学習の目的としていないので、ToDo一覧画面のFAB(Icon)から`raised`を削除しました。

- [x] `raised`の削除
  - 以下で対象を確認(`shadow`系のPropsを使用していないかも併せて確認)
  - `git grep -E "raised|shadow[Color|Offset|Opacity|Radius]" -- website/`
- [x] ToDo一覧画面のキャプチャを貼り付ける箇所のキャプチャ更新
template/package.json Outdated Show resolved Hide resolved
@github-actions github-actions bot added the chore Other changes that don't modify src or test files. label May 9, 2023
@github-actions github-actions bot added the doc Improvements or additions to documentation label May 9, 2023
@in-a-paddy in-a-paddy disabled auto-merge May 9, 2023 08:43
@in-a-paddy in-a-paddy enabled auto-merge (squash) May 9, 2023 08:46
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
app build chore Other changes that don't modify src or test files. doc Improvements or additions to documentation native
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants