React native iOS 애플 리케이션에서 이미지 읽기

iOS 애플 리케이션 로컬 파일 시스템에 이미지를 다운로드하고 다시 읽어야합니다. 내가/문서 폴더에 foo.png를 복사 한 후React native iOS 애플 리케이션에서 이미지 읽기

<Image source={{uri: "file://Documents/foo.png"}} style={{width:100, height:100}}/>

이 작동하지 않습니다하려고 시도하기 위해 디렉토리

/Library/Developer/CoreSimulator/Devices/[UUID]/data/Containers/Data/Application/[UUID]/ 

/Documents 
/Library 
/tmp

내 응용 프로그램의 파일 시스템을 볼 수 있습니다 내 시뮬레이터에

어떤 생각이라도이 일을하는 방법이 무엇이든.

출처

2016-09-02 at_123_II

.. ?? –

이것은 또한 나에게 오래 걸렸다. .. 더 좋은 정보와 더불어 그것은 5 분이었을 것이다!

나는 반응 네이티브-FS를 (iOS 및 Android 작동하는) 디렉토리를 얻기 위해 사용

var RNFS = require('react-native-fs');

RNFS.DocumentDirectoryPath 다음 '의/var/모바일/용기/데이터/응용 프로그램/15AC1CC6 뭔가를 반환 iOS에서 -8CFF-48F0-AFFD-949368383ACB은/문서 '

내 이미지 요소는 다음과 같습니다

<Image 
      style={{width:100, height:100}} 
      source={{uri: 'file://' + RNFS.DocumentDirectoryPath + '/myAwesomeSubDir/my.png', scale:1}} 
     />

내 문제는 내가 N 인 제 1 폭과 높이를 설정하지 않은 것이 었습니다 URL 또는 자산 경로가 필요합니다. base64 URI를 사용할 때 width와 heigth도 필수적입니다 (실제로 나를 솔루션으로 이끌었습니다!).

출처

2016-09-02 09:04:44 WiRa

고마워요 !! 너는 나에게 많은 시간을 구했고, 대단히 감사했다. –

틸다 (~)를 사용해보세요. React Native가이를 확장해야합니다.

당신이 바로 샌드 박스의 문서 디렉토리에서 이미지를 얻을 것을 의미

```

<Image 
    style={{width:100, height:100}} 
    source={{uri: '~/Documents/myAwesomeSubDir/my.png', scale:1}} 
/>

```

출처

2017-07-28 16:53:21

React native iOS 애플 리케이션에서 이미지 읽기

답변

관련 문제