Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> Android開發 >> 關於android開發 >> React Naitve Android增加本地圖片,

React Naitve Android增加本地圖片,

編輯:關於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

  1. 上一頁:
  2. 下一頁:
熱門文章
閱讀排行版
Copyright © Android教程網 All Rights Reserved