Pfthb

I was trying to create a release apk file from Android but when I create a release apk with PNG image I'm getting Duplicate Resource error. Initially I thought this is happening because I made a mistake in the existing project but when I created a new project with a single Image component itself I'm getting the Duplicate Resource error. Here are the steps I followed

1. Create a app - react-native init demo
   


2. Create a assets folder in the project root folder.


3. Add a PNG image inside the assets folder.


4. Now implement the Image component with the above PNG image.


5. 
   

   Now bundle it using the cmd

   
   
   

   react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/

   
   



6. Then generate release apk using Generate Signed APK from Android Studio.

This will throw the following error:

[drawable-mdpi-v4/assets_mario] /Users/jeffreyrajan/Tutorials/RN/errorCheck/android/app/src/main/res/drawable-mdpi/assets_mario.png [drawable-mdpi-v4/assets_mario] /Users/jeffreyrajan/Tutorials/RN/errorCheck/android/app/build/generated/res/react/release/drawable-mdpi-v4/assets_mario.png: Error: Duplicate resources
:app:mergeReleaseResources FAILED

FAILURE: Build failed with an exception.

* What went wrong:
Execution failed for task ':app:mergeReleaseResources'.
> [drawable-mdpi-v4/assets_mario] /Users/jeffreyrajan/Tutorials/RN/errorCheck/android/app/src/main/res/drawable-mdpi/assets_mario.png [drawable-mdpi-v4/assets_mario] /Users/jeffreyrajan/Tutorials/RN/errorCheck/android/app/build/generated/res/react/release/drawable-mdpi-v4/assets_mario.png: Error: Duplicate resources

* Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.

* Get more help at https://help.gradle.org

BUILD FAILED in 22s

Note: When you generate a release apk without any PNG image you will not get any error, it will create you the release apk.

Here are the other files code.

App.js

import React, Component from 'react';
import Platform, StyleSheet, Image, View from 'react-native';

export default class App extends Component 
 render() 
 return (
 <View style=styles.container>
 <Image source=require('./assets/mario.png') />
 </View>
 );
 


const styles = StyleSheet.create(
 container: 
 flex: 1
 ,
 welcome: 
 fontSize: 20,
 textAlign: 'center',
 margin: 10,
 ,
 instructions: 
 textAlign: 'center',
 color: '#333333',
 marginBottom: 5,
 ,
);

package.json

 "name": "errorCheck",
 "version": "0.0.1",
 "private": true,
 "scripts": 
 "start": "node node_modules/react-native/local-cli/cli.js start",
 "test": "jest"
 ,
 "dependencies": 
 "react": "16.6.0-alpha.8af6728",
 "react-native": "0.57.4"
 ,
 "devDependencies": 
 "babel-jest": "23.6.0",
 "jest": "23.6.0",
 "metro-react-native-babel-preset": "0.49.0",
 "react-test-renderer": "16.6.0-alpha.8af6728"
 ,
 "jest": 
 "preset": "react-native"
 

Any solution for this?

Update:

Here are the other details

classpath 'com.android.tools.build:gradle:3.1.4'

ext 
 buildToolsVersion = "27.0.3"
 minSdkVersion = 16
 compileSdkVersion = 27
 targetSdkVersion = 26
 supportLibVersion = "27.1.1"
 

distributionUrl=https://services.gradle.org/distributions/gradle-4.4-all.zip

Tried with Android Studio 3.0, 3.0.1, 3.1, 3.1.4 & 3.2

After trying a lot of solutions I found only two solution is working. Here they are

Solution 1:

After bundling delete the drawable folder from Android Studio. You could find this in android/app/src/main/res/drawable

Solution 2:

In this solution you no need to delete any drawable folder. Just add the following code in the react.gradle file which you could find under node_modules/react-native/react.gradle path

doLast 
 def moveFunc = resSuffix ->
 File originalDir = file("$buildDir/generated/res/react/release/drawable-$resSuffix");
 if (originalDir.exists()) 
 File destDir = file("$buildDir/../src/main/res/drawable-$resSuffix");
 ant.move(file: originalDir, tofile: destDir);
 
 
 moveFunc.curry("ldpi").call()
 moveFunc.curry("mdpi").call()
 moveFunc.curry("hdpi").call()
 moveFunc.curry("xhdpi").call()
 moveFunc.curry("xxhdpi").call()
 moveFunc.curry("xxxhdpi").call()

For reference I will add the full react.gradle file code here

import org.apache.tools.ant.taskdefs.condition.Os

def config = project.hasProperty("react") ? project.react : ;

def cliPath = config.cliPath ?: "node_modules/react-native/local-cli/cli.js"
def bundleAssetName = config.bundleAssetName ?: "index.android.bundle"
def entryFile = config.entryFile ?: "index.android.js"
def bundleCommand = config.bundleCommand ?: "bundle"
def reactRoot = file(config.root ?: "../../")
def inputExcludes = config.inputExcludes ?: ["android/**", "ios/**"]
def bundleConfig = config.bundleConfig ? "$reactRoot/$config.bundleConfig" : null ;


afterEvaluate 
 android.applicationVariants.all def variant ->
 // Create variant and target names
 def targetName = variant.name.capitalize()
 def targetPath = variant.dirName

 // React js bundle directories
 def jsBundleDir = file("$buildDir/generated/assets/react/$targetPath")
 def resourcesDir = file("$buildDir/generated/res/react/$targetPath")

 def jsBundleFile = file("$jsBundleDir/$bundleAssetName")

 // Additional node and packager commandline arguments
 def nodeExecutableAndArgs = config.nodeExecutableAndArgs ?: ["node"]
 def extraPackagerArgs = config.extraPackagerArgs ?: 

 def currentBundleTask = tasks.create(
 name: "bundle$targetNameJsAndAssets",
 type: Exec) 

 // Expose a minimal interface on the application variant and the task itself:
 variant.ext.bundleJsAndAssets = currentBundleTask
 currentBundleTask.ext.generatedResFolders = files(resourcesDir).builtBy(currentBundleTask)
 currentBundleTask.ext.generatedAssetsFolders = files(jsBundleDir).builtBy(currentBundleTask)

 // registerGeneratedResFolders for Android plugin 3.x
 if (variant.respondsTo("registerGeneratedResFolders")) 
 variant.registerGeneratedResFolders(currentBundleTask.generatedResFolders)
 else 
 variant.registerResGeneratingTask(currentBundleTask)
 
 variant.mergeResources.dependsOn(currentBundleTask)

 // packageApplication for Android plugin 3.x
 def packageTask = variant.hasProperty("packageApplication")
 ? variant.packageApplication
 : tasks.findByName("package$targetName")

 def resourcesDirConfigValue = config."resourcesDir$targetName"
 if (resourcesDirConfigValue) 
 def currentCopyResTask = tasks.create(
 name: "copy$targetNameBundledResources",
 type: Copy) 
 group = "react"
 description = "copy bundled resources into custom location for $targetName."

 from resourcesDir
 into file(resourcesDirConfigValue)

 dependsOn(currentBundleTask)

 enabled currentBundleTask.enabled


 

 packageTask.dependsOn(currentCopyResTask)
 

 def currentAssetsCopyTask = tasks.create(
 name: "copy$targetNameBundledJs",
 type: Copy) 
 group = "react"
 description = "copy bundled JS into $targetName."

 if (config."jsBundleDir$targetName") 
 from jsBundleDir
 into file(config."jsBundleDir$targetName")
 else 
 into ("$buildDir/intermediates")
 into ("assets/$targetPath") 
 from jsBundleDir
 

 // Workaround for Android Gradle Plugin 3.2+ new asset directory
 into ("merged_assets/$targetPath/merge$targetNameAssets/out") 
 from jsBundleDir
 
 

 // mergeAssets must run first, as it clears the intermediates directory
 dependsOn(variant.mergeAssets)

 enabled currentBundleTask.enabled
 

 packageTask.dependsOn(currentAssetsCopyTask)
 

Credit:
ZeroCool00
mkchx

Use com.android.tools.build:gradle:3.1.4 It should work. RN 0.57 has problem with building in 3.2

This question is a possible duplicate of:

React Native Error: Duplicate resources, assets coming in some screens and not coming in others in android release APK

If it still doesn't work try to use RN 0.57.2, I am using it and creating releases works very well with these deps:

 "dependencies": 
 "react": "16.5.0",
 "react-native": "0.57.2",
 .......
 

 "devDependencies": 
 "@babel/core": "^7.0.0",
 "@babel/plugin-proposal-class-properties": "^7.0.0",
 "@babel/plugin-proposal-decorators": "^7.0.0",
 "@babel/plugin-proposal-do-expressions": "^7.0.0",
 "@babel/plugin-proposal-export-default-from": "^7.0.0",
 "@babel/plugin-proposal-export-namespace-from": "^7.0.0",
 "@babel/plugin-proposal-function-bind": "^7.0.0",
 "@babel/plugin-proposal-function-sent": "^7.0.0",
 "@babel/plugin-proposal-json-strings": "^7.0.0",
 "@babel/plugin-proposal-logical-assignment-operators": "^7.0.0",
 "@babel/plugin-proposal-nullish-coalescing-operator": "^7.0.0",
 "@babel/plugin-proposal-numeric-separator": "^7.0.0",
 "@babel/plugin-proposal-object-rest-spread": "^7.0.0",
 "@babel/plugin-proposal-optional-chaining": "^7.0.0",
 "@babel/plugin-proposal-pipeline-operator": "^7.0.0",
 "@babel/plugin-proposal-throw-expressions": "^7.0.0",
 "@babel/plugin-syntax-dynamic-import": "^7.0.0",
 "@babel/plugin-syntax-import-meta": "^7.0.0",
 "@babel/plugin-syntax-object-rest-spread": "^7.0.0",
 "@babel/plugin-transform-runtime": "^7.0.0",
 "@babel/preset-env": "^7.0.0",
 "@babel/preset-flow": "^7.0.0",
 "@babel/register": "^7.0.0",
 "babel-core": "^7.0.0-bridge.0",
 "babel-preset-react-native-stage-0": "^1.0.1",
 .....

Gradle deps:

classpath 'com.android.tools.build:gradle:3.1.4'
classpath "io.realm:realm-gradle-plugin:4.0.0"

App gradle

compileSdkVersion 27
 buildToolsVersion "27.0.3"

 defaultConfig {
 applicationId "de.burda.buntede"
 minSdkVersion 17
 targetSdkVersion 27

Gradle wrapper props:

distributionUrl=https://services.gradle.org/distributions/gradle-4.4-all.zip