React Native Android多应用目标如何配置不同图片文件夹并排除冗余图片

1. 按构建目标拆分图片资源目录 #

在android/app/src下为每个应用目标（产品风味）创建独立的资源目录，示例结构如下：

• android/app/src/main/res：存放所有目标共用的图片资源
• android/app/src/minimal/res：存放仅minimal目标需要的15张图片（替换为你的目标名称）
• android/app/src/full/res：存放full目标所需的额外图片
• 剩余6个目标同理创建对应资源目录

2. 配置产品风味（Product Flavors） #

在android/app/build.gradle的android代码块中定义各应用目标的风味，指定统一维度：

android {
    // 其他原有配置...
    flavorDimensions "appVariant"
    productFlavors {
        minimal {
            dimension "appVariant"
            // 可按需添加applicationIdSuffix、versionNameSuffix等配置
        }
        full {
            dimension "appVariant"
        }
        // 依次定义剩余6个目标的风味
    }
}

3. 配置资源集（Source Sets）过滤冗余图片 #

通过sourceSets为每个风味指定资源目录，并精准筛选所需图片，确保minimal目标仅加载必要资源：

android {
    // 其他原有配置...
    sourceSets {
        minimal {
            // 若main目录无共用图片，可移除"src/main/res"，仅保留自身资源目录
            res.srcDirs = ["src/main/res", "src/minimal/res"]
            // 先排除main目录下所有非必要图片（按需调整路径）
            res.exclude "drawable/**/*.png", "mipmap/**/*.png"
            // 再明确包含minimal目标需要的15张图片（替换为你的实际文件名）
            res.include "drawable/home_bg.png", "drawable/icon_btn.png", "mipmap/ic_minimal_logo.png", ...
        }
        full {
            // 加载所有关联的资源目录
            res.srcDirs = ["src/main/res", "src/full/res", "src/otherFlavor1/res", ...]
        }
        // 其他目标按需配置资源目录
    }
}

若图片存放在assets目录而非res，同样在sourceSets中配置assets的过滤规则：

sourceSets {
    minimal {
        assets.srcDirs = ["src/main/assets", "src/minimal/assets"]
        assets.exclude "images/**/*.png"
        assets.include "images/required_img_*.png"
    }
}

4. 验证构建结果 #

执行对应风味的构建命令，生成APK后检查资源是否符合预期：

• 构建minimal目标的release包：./gradlew assembleMinimalRelease
• 解压APK查看res/drawable或assets目录，确认仅包含所需的15张图片

注意事项 #

• React Native中引用图片时保持路径统一（如require('@drawable/home_bg')），Android会自动从对应风味的资源目录加载
• 若某目标无需共用资源，可直接将res.srcDirs设为自身目录，无需包含src/main/res
• 可配合Android Studio的Analyze > Inspect Code功能，定期检测并清理未使用的冗余资源

内容的提问来源于stack exchange，提问作者Moin Maniar