關於React Native 中升級Gradle版本以後打包出現圖片重複問題

昨天我升級android studio 3.0以後，Gradle版本也一樣升級了，可是升級以後打包出現node_modules_reactnavigation_src_views_assets_backicon.png圖片重複問題，這個緣由我在Github上面找了很久，才發現是由於Gradle2.3以後，離線打包的路徑都會在drawable-xxx-v4中，原版的離線路徑在drawable-xxx中，因此致使圖片重複問題，怎麼解決這個問題呢：

1，修改assetPathUtils.js

assetPathUtils.js文件路徑：node_modules\react-native\local-cli\bundle\assetPathUtils.js

修改：getAndroidAssetSuffix方法

修改前：

 function getAndroidAssetSuffix(scale) {
   switch (scale) {
    case 0.75: return 'ldpi';
    case 1: return 'mdpi';
    case 1.5: return 'hdpi';
    case 2: return 'xhdpi';
    case 3: return 'xxhdpi';
    case 4: return 'xxxhdpi';
   }
 }

修改後：

 function getAndroidAssetSuffix(scale) {
   switch (scale) {
     case 0.75: return 'ldpi-v4';
    case 1: return 'mdpi-v4';
    case 1.5: return 'hdpi-v4';
    case 2: return 'xhdpi-v4';
    case 3: return 'xxhdpi-v4';
    case 4: return 'xxxhdpi-v4';
   }
 }

修改完以後 把以前的drawable-xxx文件夾刪掉，而後就能夠正常打包了

drawable-xxx文件路徑：YourProject\android\app\src\main\res