2016-09-02 8 views
4

iOSアプリのローカルファイルシステムに画像をダウンロードして読み戻す必要があります。私のシミュレータ上でReactネイティブiOSアプリから画像を読み取る

私は/ Documentsフォルダにfoo.pngをコピーして、これは動作しません

<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 

で私のアプリのファイルシステムを見ることができますどのようなアイデアがこれを行う方法です。

+0

あなたはサンドボックスの右にあるドキュメントディレクトリから画像を取得することを意味...? –

答えて

9

これも私の年齢がかかりました...より良い情報では5分でした!

私は(IOSとAndroidのために働く)のディレクトリを取得するために反応し、ネイティブ-FSを使用

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を使用する場合は、幅と高さも必須です(実際は私を解決に導きました!)。

+0

ありがとう!あなたは私に多くの時間を節約しました。 –

0

ティルダ(〜)を試してください。 React Nativeはそれを拡張する必要があります。

`` `

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

` ``

関連する問題