인프런 커뮤니티 질문&답변

인프런 질문 업로드하면 에러가 발생하네요

안녕하세요. 강의와는 상관없지만 <Image> 컴포넌트 관련해서 질문드립니다.

다음과 같이 정적 리소스에서 불러온 이미지는 인식을 하는데 외부 주소로 uri 를 연결하면 못 불러옵니다.

구글링 하다보니 http 주소는 Info.plist 에서 키 값을 추가하면 된다고 해서 그렇게 했는데 문제는 RN 문서에서처럼 https로 했는데도 인식을 못하네요.

제가 뭘 빠트린 건지 모르겠습니다..

xCode: 14.1

iOS 16.1

iPhone 14 Pro

react: 18.1.0

react-native: 0.70.6

https://github.com/kkj0712/TestApp

import React from 'react';
import {Image, View, StyleSheet} from 'react-native';

const styles = StyleSheet.create({
  container: {
    paddingTop: 50,
  },
  tinyLogo: {
    width: 50,
    height: 50,
  },
  logo: {
    width: 66,
    height: 58,
  },
});

function App() {
  return (
    <View style={styles.container}>
      <Image
        style={styles.tinyLogo}
        source={require('./res/images/tiny_logo.png')}
      />
      <Image
        style={styles.tinyLogo}
        source={{
          uri: 'https://reactnative.dev/img/tiny_logo.png',
        }}
      />
    </View>
  );
}

export default App;

Info.plist