리액트네이티브 Image Component not loading http, React Native Http 허용 , http 요청시 이미지 로딩 안됨

FlastListComponent 포스팅시 Image컴포넌트에 url 리소스를 http요청으로 할 경우 이미지가 표시되지 않는 경우가 발생하였다.

구글링을 해서 검색 해보니 IOS 플랫폼에 경우 앱전송 보안변경으로 인해 http요청시 이미지가 정상적으로 표시되지 않는경우가 발생하였다. 상용서비스가 아니라 테스트 코드인경우는 https로 이미지를 올려서 해당오류를 개선하였다.

http를 허용하기위해서는 ReactNative 프로젝트를 Xcode로 Open 한다.

Project Navigator에 info.plist 파일을 선택하고, App Transport Security Settings 하위에 Allow Arbitrary Loads 속성을 추가하고 Value 값을 Yes로 변경한다. 

참고 : https://ads-developers.googleblog.com/2015/08/handling-app-transport-security-in-ios-9.html

https://github.com/facebook/react-native/issues/8520

https://github.com/facebook/react-native/issues/13293