[ReactNative] iOS 14 이미지를 표시하지 않는 문제 해결

7193 단어 React NativeiOS14tech

문제.


iOS 13 때는 이미지가 잘 보이지만 iOS 14에 UPDAATE가 진행되면 이미지가 표시되지 않습니다.

해결책


다음 절차에서는 iOS 14에도 이미지가 표시됩니다.

  • npm i -g patch-package

  • 프로젝트 디렉터리 바로 아래에 "patches"라는 이름으로 폴더를 만듭니다


  • "patches"에서 "react-native + 0.63.0. patch"의 이름으로 파일을 만듭니다

  • 다음 소스 코드를 완전하게 설명합니다
    diff --git a/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m b/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m
    index 21f1a06..2444713 100644
    --- a/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m
    +++ b/node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m
    @@ -272,6 +272,9 @@ - (void)displayDidRefresh:(CADisplayLink *)displayLink
     
     - (void)displayLayer:(CALayer *)layer
     {
    +  if (!_currentFrame) {
    +    _currentFrame = self.image;
    +  }
       if (_currentFrame) {
         layer.contentsScale = self.animatedImageScale;
         layer.contents = (__bridge id)_currentFrame.CGImage;
    diff --git a/node_modules/react-native/scripts/.packager.env b/node_modules/react-native/scripts/.packager.env
    new file mode 100644
    index 0000000..361f5fb
    --- /dev/null
    +++ b/node_modules/react-native/scripts/.packager.env
    @@ -0,0 +1 @@
    +export RCT_METRO_PORT=8081
    

  • CLI를 통해 다음 명령 실행patch-package
  • 상술한 절차가 완성된 후에 Xcode로 다시 구축하면 이미지가 잘 나타날 수 있습니다!!

    사이트 축소판 그림


    https://github.com/facebook/react-native/issues/29279
    이래도 원활하지 않다면 현금 정리를 통해 순조롭게 진행될 수도 있다.
    ReactNative 캐시 리셋에 대한 요약은 다음 웹 사이트에서 참조하십시오.
    https://zenn.dev/taizo_pro/articles/c69a167f3d5bfd

    좋은 웹페이지 즐겨찾기