文章是寶寶自己寫(xiě)的，你可以轉(zhuǎn)走，標(biāo)明哪來(lái)的就行王亟亟的大牛之路

國(guó)慶這些天要么旅游要么WOW，感覺(jué)整個(gè)人都廢了。。

直接從黃種人曬成了非洲大酋長(zhǎng)。。然而還是無(wú)橙，這禮拜要做7天，昨天把單元測(cè)試的東西整完后今天下午抽出時(shí)間繼續(xù)學(xué)習(xí)，然后就補(bǔ)一篇RN 主件的文章，知識(shí)點(diǎn)源于官方文檔

效果圖

第一種為：加載RN項(xiàng)目下的圖片

第二種為：加載網(wǎng)絡(luò)圖片

第三種為：加載Android項(xiàng)目的圖片資源+圖片作為背景

加載RN項(xiàng)目下的圖片

如果你需要引用RN項(xiàng)目目錄下的圖片資源，就像使用html中的引用一樣，使用相對(duì)路徑去找

目錄如下

在我們的android.js同級(jí)有一個(gè)img文件夾，里面有一個(gè)sample.jpg文件，而它就是我們所需要的source={require('./img/sample.jpg')}/>

這樣就可以使用到我們的圖片了給source屬性利用require()給其傳第一個(gè)圖片地址，然后就可以渲染到上

當(dāng)然有時(shí)候你的值是可變的，那也可以傳入一個(gè)對(duì)象去引用，如

但是以上寫(xiě)法不是很好，我們盡量在渲染的時(shí)候給出正確的引用值，可以這樣：

一般來(lái)說(shuō)我們的圖片資源本身大小不可控，所以我們會(huì)給控件預(yù)設(shè)一個(gè)尺寸，像這樣

加載網(wǎng)絡(luò)圖片

我們的APP不可能是一個(gè)純離線產(chǎn)品，那網(wǎng)絡(luò)圖片就是必不可少，RN加載圖片就比遠(yuǎn)程環(huán)境方便，給出正確的UR，就和網(wǎng)頁(yè)加載圖片一樣

還是和家在本地圖片一樣，官方希望大家給定控件的尺寸。

因?yàn)槟愕膱D片尺寸不可控，當(dāng)加載出來(lái)后把用戶第一次看到的布局給整變形了，這是一個(gè)很不好的用戶體驗(yàn)。

Note:這里補(bǔ)充下 我們的uri屬性 是 object 類型的。

加載Android項(xiàng)目的圖片資源

那既然可以加載RN項(xiàng)目里的圖片，必然也可以加載android項(xiàng)目下的圖片，加載方式大同小異

唯一區(qū)別就是 在值里加一個(gè)imge!文件名，不需要后綴哦！

總結(jié)

以上是生活随笔為你收集整理的android 混合开发 图片,混合开发的大趋势之一React Native之Image的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。