inflearn logo
강의

講義

知識共有

デリバリーアプリ クローンコーディング [with React Native]

[Macのみ]iPhoneアプリ配信プロセス

[iOS] Image 컴포넌트에서 uri 못찾는 에러

1279

win-s58

投稿した質問数 4

0

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

안녕하세요. 강의와는 상관없지만 <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

 

img.pnghttps://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

캡처.PNG

 

 

react-native

回答 5

0

win-s58

답변 감사합니다ㅠㅠ

0

win-s58

네.. 회사에서 vpn 사용중입니다

0

zerocho

그래서 막힌 것 같습니다.

0

win-s58

아 그런데 https://developer.apple.com/assets/elements/icons/sdk-16/sdk-16-128x128_2x.png 이 주소 넣으니까 떠요... 맨 처음에 https://reactnative.dev/img/tiny_logo.png 이 주소를 ios 시뮬레이터 안에서 safari 로 치니까 "네트워크 서버를 찾을 수 없기 때문에 Safari가 해당 페이지를 열 수 없습니다." 라고 뜨네요. reactnative.dev 만 쳐도 마찬가지고요..

0

zerocho

혹시 네트워크 망이 사내망이거나 proxy, vpn같은 걸 쓰고 계신가요?

0

win-s58

네 안됩니다. https://images.unsplash.com/photo-1661956603025-8310b2e3036d?ixlib=rb-4.0.3&ixid=MnwxMjA3fDF8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80 이 주소를 넣어도 안뜨네요 ㅠㅠ

0

zerocho

저 주소뿐만 아니라 다른 모든 주소가 전부 다 안 되나요??

0

win-s58

아이폰 시뮬레이터 안에서 특정 사이트만 들어갈 수 있도록 허용하는 것 같은데 이런 경우 겪으신 적 있으신가요? 시뮬레이터 들어가서 Safari 데이터 지우고 JavaScript 버튼 켰는데도 reactnative.dev 는 안되고 developer.apple.com 은 들어가지네요..

앱실행시 네이버맵 [401] 에러

0

955

2

스타일링 라이브러리

0

146

2

expo, cli 선택 중에 고민이 있습니다.

0

167

2

JDK 버전이 달라도 괜찮나요?

0

223

2

dimenstion usewindowdeminstion

0

120

3

[맥 전용]환경 설정하기 1편 & [맥 전용]환경 설정하기 2편의 영상이 안나옵니다.

0

209

1

jdk11 버전과 gradle 버전의 호환성 관련 질문드립니다.

0

398

2

강의 외 질문입니다!

0

157

2

react native랑 맞는 ui 라이브러리 어떤게 좋을까요?

0

1485

2

react native와 spring boot 연결

0

353

1

java가 아닌 .kt에서 code push 에러가 발생합니다.

0

210

2

flipper 239 에러가 발생합니다.

0

162

2

package.json에 /lib/panino.js 문제입니다.

0

464

2

window - mac 협업 과정 질문합니다

0

214

1

ios 빌드 중 RCTBridgeDelegate.h import 오류

0

289

2

ios 앱 빌드 중 hermesEnabled 관련 오류발생

0

238

2

Socket 연결시 질문 드립니다.!

0

151

2

wifi 환경에서 axios 통신이 로컬서버에서 안됩니다.

0

425

2

iOS render error 질문드립니다.

0

410

2

iOS 가상머신 오류

0

164

2

npc react init 명령어 실행시 발생되는 오류

0

220

1

nom start 시 오류

0

116

1

NextJS 기반으로 만들어서 웹뷰 React Native로 배포 가능한가요?

0

994

2

안드로이드 rn75 버전에 맞게 설정 중에 android13 다운로드에 대해서 막혔습니다!

0

183

2