2016-12-01 16 views
0

私のアプリ内で写真を撮って電話に保存することはできましたが、どのように表示するのですか?電話に保存された画像を表示する

<Image width={40} height={40} source={{uri: '/storage/emulated/0/DCIM/IMG_20161201_125218.jpg'}} /> 
+0

あなたは写真を撮るために、ライブラリを使用していますか?それから返されたデータを取得できるはずです。それ以外の場合、[カメラロール](https://facebook.github.io/react-native/docs/cameraroll.html)APIはどうですか? –

+0

ライブラリimは、ファイルへのパスを返します。 – D3athSpank

+0

どのライブラリですか? –

答えて

2

がでも、私はこの問題に直面し、それを解決してしまった(はい画像が:)がある)私は、この静的なアプローチを試みたが、それは動作しません。 fileパスの先頭にfile://を付ける必要があります(double /を気にしてください)。

<Image source{{uri:'file:///storage/emulated/0/DCIM/IMG_20161201_125218.jpg'}} style={myImageStyle}/> 

ここにはreferenceがあります。

私はこれが役に立てば幸い:)

+0

私にとっては役に立ちません file:/// storage/emulated/0/appiwell /image/qkpOyUaRla.jpg –

0
<Image source = {{uri: "file:///storage/emulated/0/appiwell/image/qkpOyUaRla.jpg", 
        width: responsiveWidth(100), 
        height: responsiveHeight(100)}}/> 

お知らせ、幅、{URI、幅、高さ}内部の高さを設定する必要があります。幅、スタイルの高さがうまくいかなかった可能性があります。ここ

responsiveWidth、responsiveHeight https://www.npmjs.com/package/react-native-responsive-dimensions

関連する問題