RN研發記(三):<Image>標簽加載本地圖片

網上很多公司公布了使用RN的一些經驗,目前看來大多數公司還是將RN作為單獨頁面嵌入到原生程序當中,至于為何沒有完全切換到RN,個中原因,還不是很明了。
作為一個初學者,只針對技術本身,還是希望能親身體驗一下使用RN完全開發一款應用,會存在哪些問題。
如果完全使用RN開發,我覺得有一點肯定是繞不過去的,那就是RN與Native程序中資源的共享,目前看,Native想使用RN中的資源(如:圖片)好像是不可能的。而如果RN也不能使用Native程序中的圖片,那么在開發過程中就會有非常大的限制。
在網上找了很多資料,包括React Native中文網上介紹的,<Image>標簽加載圖片的方式只有三種:

<Image source={require('./img/icon.jpg')}/>

使用相對路徑加載RN工程中的圖片資源

<Image source={{uri: 'http://..................*.jpg'}}/>

使用url地址加載網上的圖片資源

<Image source={{uri: 'ic_launcher'}}/>

加載Native程序中drawable目錄下的圖片資源

但是如何加載Native程序下載到本地的圖片呢,或者是/data/data/下應用自己的緩存文件呢,找了很多資料都沒看到,實際上很簡單,使用下面的方式就可以了:

<Image source={{uri: 'file://' + path}}/>

path即為本地圖片文件的絕對路徑

至此,就找到了一種共享本地圖片資源到RN的方式,盡管很麻煩,但是起碼是可行的。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,292評論 25 708
  • Spring Cloud為開發人員提供了快速構建分布式系統中一些常見模式的工具(例如配置管理,服務發現,斷路器,智...
    卡卡羅2017閱讀 134,923評論 18 139
  • 每個人的氣場都是宇宙,每個人都是自己的地球,自己的內心都是火山,區別只是這個火山是死的還是活的。 今天我聞到我內心...
    九兒雜文閱讀 615評論 0 0
  • 其實主要是物理類網站,而且我在各種場合推薦過多次。 物理類 物理世界:http://physicsworld.co...
    ianwest閱讀 5,261評論 5 102
  • 一年有且只有一次的旅行,我挺珍惜。況且是人生第一個年假,更覺得不能含糊。早早就開始計劃今年要去哪兒,要干什么。想著...
    _爾也_閱讀 474評論 4 1