2016-12-01 48 views
0

我已經成功地將我的應用程序內的照片存儲在手機中,但是如何顯示它?顯示存儲在手機上的圖像

我試過這種靜態的方法,但它不工作(是圖像有:))

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

您使用的庫來拍照?你應該能夠得到從那裏返回的數據。否則,[Camera Roll](https://facebook.github.io/react-native/docs/cameraroll.html)API怎麼辦? –

+0

剛剛使用的庫將路徑返回到文件。 – D3athSpank

+0

它是什麼庫? –

回答

2

即使我面臨過這樣的問題,並得到了其解決。你必須在文件路徑前添加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

相關問題