我已經創建了一個 react-native 專案，在這個檔案夾下我創建了另一個包含一個影像的 floder 女巫。我想顯示這個影像，所以我使用了影像視圖，如下所示
`<圖片來源 = {{ url:'D:\PROJET_TRAQUEUR\React_learn\myfirstreactapp\node_modules\image\photo.jpg' }} 樣式 = {{width:200, height: 200}}
/>`
您還可以通過單擊以下鏈接查看一個影像，該影像顯示了所有 我的代碼及其結果。
但是當我運行它時，影像沒有出現。怎么了？
感謝您的幫助！
uj5u.com熱心網友回復：
由于影像是靜態資源，請使用 require 而不是這樣的 url：
<Image source={require('D:\PROJET_TRAQUEUR\React_learn\myfirstreactapp\node_modules\image\photo.jpg')} style={{width:200, height: 200}}
/>
uj5u.com熱心網友回復：
如果您使用的是本地影像，那么在我們需要傳遞的地方url中require。例如，請檢查以下代碼：
<Image
source={require('./assets/icons/abc.png')}
style={{
height: 200
width: 200
}}
/>
uj5u.com熱心網友回復：
如果您在本地使用任何影像，則簡單傳入require('//path')
source={require('./assets/icons/abc.png')}
或使用您需要傳遞的 urluri
source={{uri: 'https://reactnative.dev/img/tiny_logo.png'}}
另外，如果您使用本地影像，那么您的影像應該在您的專案根檔案夾中
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/467116.html
標籤：反应式