React Native & iOS
靜態(tài)圖片不顯示問題
React Native本身問題就是有的檩帐，最近我們的項(xiàng)目進(jìn)化到了React Native和OC的混編問題就更多了术幔，其中就有打包之后靜態(tài)圖片不顯示的問題。
解決
-
不顯示原因
英文文檔
中文文檔 -
具體從打包不顯示到打包顯示
1湃密， 在根目錄創(chuàng)建Dist文件夾
創(chuàng)建Dist文件夾
2诅挑， 運(yùn)行打包命令
react-native bundle --entry-file index.ios.js --platform ios --dev false --bundle-output Dist/ios.jsbundle運(yùn)行之后Dist文件夾下會(huì)生成兩個(gè)文件ios.jsbundle, ios.jsbundle.meta
生成文件
3，將Dist文件夾拖入項(xiàng)目
屏幕快照 2017-07-06 上午10.00.44.png
4泛源，當(dāng)前代碼
<Image style={styles.icon} source={require('./icon.png')} />
這個(gè)時(shí)候圖片是不會(huì)顯示的拔妥，原因就是官方文檔說的，見不顯示原因达箍。
5没龙，在根目錄創(chuàng)建asset文件夾
創(chuàng)建asset文件夾
將靜態(tài)圖片拖入asset文件夾
加入靜態(tài)圖片
6，把a(bǔ)sset文件夾拖入項(xiàng)目
asset文件夾拖入項(xiàng)目
7缎玫，修改代碼
<Image style={styles.icon} source={{uri:'icon'}} />
注意這個(gè)時(shí)候icon不能加后綴名
8硬纤， 再次按照2，3步驟做赃磨，然后運(yùn)行項(xiàng)目
