【ReactNative】iOS14に関する不具合等のまとめ

概要

iOS14が正式にリリースされ、ReactNativeで開発したアプリにも少なからず影響が出ています。
個々の事象については、既に有志の方が記事に起こしてくれていますが、それらを俯瞰して確認できるとより便利だと思ったので記事にしました。

以下、確認されている事象と対応まとめです。

確認されている事象

日付関連

DatePickerUIがホイールでなくなる

• iOS14のDatePickerUIがホイールじゃ無くなっている AppDelegate.mのdidFinishLaunchingWithOptionsに記述を追加

if (@available(iOS 14, *)) {
  UIDatePicker *picker = [UIDatePicker appearance];
  picker.preferredDatePickerStyle = UIDatePickerStyleWheels;
}

Date(string)の結果が異なる

• 【ReactNative】タイムゾーン無し文字列をDate()に渡した時の挙動がiOS14から異なる件

画像関連

画像が表示されない

• iOS14でReact Nativeアプリで画像が表示されない
• 【React Native】 Xcode12でビルドするとiOS14で画像が表示されない問題に対処する
  patchesディレクトリを作成し、下記のようなreact-native+0.61.2.patchを作成しnpx patch-packageを実行

react-native+0.61.2.patch

diff --git a/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m b/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m
index 01aa75f..4ef8307 100644
--- a/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m
+++ b/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m
@@ -269,6 +269,8 @@ - (void)displayLayer:(CALayer *)layer
   if (_currentFrame) {
     layer.contentsScale = self.animatedImageScale;
     layer.contents = (__bridge id)_currentFrame.CGImage;
+  } else {
+    [super displayLayer:layer];
   }
 }