HelloSora の参照する React Native を v0.62.2 にバージョン・アップする

[enm10k]

変更内容

• HelloSora が参照する React Native を v0.62.2 にバージョン・アップしました

作業メモ

React Native v0.62.2 で作成されたプロジェクトと HelloSora のファイルの比較

v0.62.2 で作成するプロジェクトの名前を揃えたかったので、 tmp ディレクトリを掘ってその中で react-native init しています

$ mkdir tmp && cd tmp && npx react-native@0.62.2 init HelloSora && cd ..

プロジェクトのディレクトリの構成を比較 ... 変化なし

$ ls -dl tmp/HelloSora/*/ | grep -v node_modules
drwxr-xr-x    3 enm10k  staff     96  6 27 19:20 tmp/HelloSora/__tests__/
drwxr-xr-x    9 enm10k  staff    288  6 27 19:20 tmp/HelloSora/android/
drwxr-xr-x   11 enm10k  staff    352  6 27 19:20 tmp/HelloSora/ios/

$ ls -dl HelloSora/*/ | grep -v node_modules
drwxr-xr-x   3 enm10k  staff   96  6 23 23:59 HelloSora/__tests__/
drwxr-xr-x   9 enm10k  staff  288  6 23 23:59 HelloSora/android/
drwxr-xr-x  10 enm10k  staff  320  6 23 23:59 HelloSora/ios/

比較

# プロジェクトのルート・ディレクトリの差分
$ diff -q HelloSora/ tmp/HelloSora/ | grep -iv "common subdirectories"
Files HelloSora/.flowconfig and tmp/HelloSora/.flowconfig differ
Files HelloSora/.gitignore and tmp/HelloSora/.gitignore differ
Only in tmp/HelloSora/: .prettierrc.js
Files HelloSora/App.js and tmp/HelloSora/App.js differ
Only in HelloSora/: README.md
Only in HelloSora/: Sora.js
Files HelloSora/app.json and tmp/HelloSora/app.json differ
Only in HelloSora/: clean_build.sh
Files HelloSora/index.js and tmp/HelloSora/index.js differ
Only in tmp/HelloSora/: node_modules
Files HelloSora/package.json and tmp/HelloSora/package.json differ
Files HelloSora/yarn.lock and tmp/HelloSora/yarn.lock differ

# __tests__ ディレクトリの差分 ... なし
$ diff HelloSora/__tests__ tmp/HelloSora/__tests__ | wc -l
       0

# android ディレクトリ以下の差分
$ diff -qr HelloSora/android tmp/HelloSora/android
Only in HelloSora/android/app: BUCK
Only in tmp/HelloSora/android/app: _BUCK
Files HelloSora/android/app/build.gradle and tmp/HelloSora/android/app/build.gradle differ
Only in tmp/HelloSora/android/app: debug.keystore
Only in tmp/HelloSora/android/app/src/debug: java
Files HelloSora/android/app/src/main/AndroidManifest.xml and tmp/HelloSora/android/app/src/main/AndroidManifest.xml differ
Only in HelloSora/android/app/src/main: assets
Files HelloSora/android/app/src/main/java/com/hellosora/MainActivity.java and tmp/HelloSora/android/app/src/main/java/com/hellosora/MainActivity.java differ
Files HelloSora/android/app/src/main/java/com/hellosora/MainApplication.java and tmp/HelloSora/android/app/src/main/java/com/hellosora/MainApplication.java differ
Files HelloSora/android/build.gradle and tmp/HelloSora/android/build.gradle differ
Files HelloSora/android/gradle/wrapper/gradle-wrapper.properties and tmp/HelloSora/android/gradle/wrapper/gradle-wrapper.properties differ
Files HelloSora/android/gradle.properties and tmp/HelloSora/android/gradle.properties differ
Files HelloSora/android/gradlew and tmp/HelloSora/android/gradlew differ
Files HelloSora/android/gradlew.bat and tmp/HelloSora/android/gradlew.bat differ

# ios ディレクトリ以下の差分
$ diff -qr HelloSora/ios tmp/HelloSora/ios
Files HelloSora/ios/HelloSora/AppDelegate.h and tmp/HelloSora/ios/HelloSora/AppDelegate.h differ
Files HelloSora/ios/HelloSora/AppDelegate.m and tmp/HelloSora/ios/HelloSora/AppDelegate.m differ
Files HelloSora/ios/HelloSora/Info.plist and tmp/HelloSora/ios/HelloSora/Info.plist differ
Files HelloSora/ios/HelloSora/main.m and tmp/HelloSora/ios/HelloSora/main.m differ
Files HelloSora/ios/HelloSora.xcodeproj/project.pbxproj and tmp/HelloSora/ios/HelloSora.xcodeproj/project.pbxproj differ
Files HelloSora/ios/HelloSora.xcodeproj/xcshareddata/xcschemes/HelloSora-tvOS.xcscheme and tmp/HelloSora/ios/HelloSora.xcodeproj/xcshareddata/xcschemes/HelloSora-tvOS.xcscheme differ
Files HelloSora/ios/HelloSora.xcodeproj/xcshareddata/xcschemes/HelloSora.xcscheme and tmp/HelloSora/ios/HelloSora.xcodeproj/xcshareddata/xcschemes/HelloSora.xcscheme differ
Files HelloSora/ios/HelloSoraTests/HelloSoraTests.m and tmp/HelloSora/ios/HelloSoraTests/HelloSoraTests.m differ
Files HelloSora/ios/Podfile and tmp/HelloSora/ios/Podfile differ
Files HelloSora/ios/Podfile.lock and tmp/HelloSora/ios/Podfile.lock differ
Only in tmp/HelloSora/ios: Pods

iOS のビルド・エラーを修正するために参照したイシュー

iOS のビルド時に、 React Native に v0.62 から導入された Flipper 関連でビルド・エラーが発生しました
修正のために以下のイシューを参照しました

• Preprocessor Macros >Debug に FB_SONARKIT_ENABLED=1 を追加 Use of undeclared identifier FlipperClient react-native-community/upgrade-support#24
• OpenSSL-Universal が bitcode を含んでいないため、Build Options > Enable Bitcode > Debug を No に変更 [SOLVED] 0.61.5 to 0.62.2 upgrade error: OpenSSL-Universal ENABLE_BITCODE facebook/react-native#28824
• 空の Swift ファイルとブリッジを追加 React Native 0.62 upgrade (Xcode) react-native-community/upgrade-support#13
• Dead Code Stripping > Debug を Yes に変更 Solution: Upgrading from 0.61.5 to 0.62.0 "Undefined symbol: _swift_getFunctionReplacement" react-native-community/upgrade-support#25
• Library Search Path を修正 https://stackoverflow.com/questions/52536380/why-linker-link-static-libraries-with-errors-ios/56176956#56176956

[kdxu]

最新に保つという意味で ./HelloSora/android 以下の差分をコミットしても良さそうです。

[kdxu]

見ました。また、iOS でビルドできることを確認しました。

[enm10k]

最新に保つという意味で ./HelloSora/android 以下の差分をコミットしても良さそうです。

fc3302c で対応しました

[enm10k]

@kdxu レビューありがとうございます!
修正しましたので、確認をお願いいたします

[kdxu]

@enm10k
ありがとうございます。
./HelloSora/android 以下の差分がコミットされていることを確認しました。
こちらのコメント を再度確認していただければと思います。

[enm10k]

@kdxu 修正しました
再度、確認をお願いいたします

[kdxu]

LGTM

[enm10k]

ありがとうございます
マージします