React Naitve Android增加本地圖片，

React Naitve Android增加本地圖片，

將圖片檔案 UePbdph.png 放入與index.android.js的同目錄中，在index.android.js中引入：

<Image source={require('./UePbdph.png')} style={styles.thumbnail}/>

環境：

react版本：15.0.2

react-nativeb版本：0.26.2

react-native-cli版本：0.2.0

 

開啟\node_modules\react-native\Libraries\Image\AssetSourceResolver.js檔案,將原文：

function getScaledAssetPath(asset): string {  var scale = AssetSourceResolver.pickScale(asset.scales, PixelRatio.get());  var scaleSuffix = scale === 1 ? '' : '@' + scale + 'x';  var assetDir = assetPathUtils.getBasePath(asset);  return assetDir + '/' + asset.name + scaleSuffix + '.' + asset.type;}

改為：

function getScaledAssetPath(asset) {  var scale = AssetSourceResolver.pickScale(asset.scales, PixelRatio.get());  var scaleSuffix = scale === 1 ? '' : '@' + scale + 'x';  var assetDir = assetPathUtils.getBasePath(asset);  //return assetDir + '/' + asset.name + scaleSuffix + '.' + asset.type;   var imagePath = assetDir + '/' + asset.name + scaleSuffix + '.' + asset.type;  if (imagePath[0] == "/" || imagePath[0] == "\\") {      imagePath = imagePath.substr(1);  }  return imagePath;}

 

問題：

1. 如果把圖片放入檔案夾中，比如在根目錄建立一個img檔案夾，把圖片放進去，引入方式改為：　　

<Image source={require('./img/UePbdph.png')} style={styles.thumbnail}/>

會報錯，不知道為什嗎？

2.如果放在根目錄中，打包成app，應該放在哪裡呢？

以上問題，還需繼續研究回答，也煩請知道的同志們幫忙回答，tks！

 

 

原文引用：http://blog.csdn.net/sbsujjbcy/article/details/49981529