backicon.png: error: Invalid filename. Unable to add. #1

joelcloralt · 2016-06-20T10:49:06Z

There seems to be an issue with the naming convention used for the back-icon.png. I got an error trying to assemble the Android app. iOS works fine.

When running ./gradlew aseembleRelease for Android, the build fails specifically with:

Unknown source file : /Users/joelcloralt/code/MyApp/android/app/build/intermediates/res/merged/release/drawable-mdpi/node_modules_reactnativerouterflux_node_modules_reactnativeexperimentalnavigation_assets_backicon.png: error: Invalid filename.  Unable to add.

I'm using:

"react": "^15.1.0",
"react-native": "^0.27.2",
"react-native-router-flux": "3.30.0",

I solved the issue by changing this line in NavigationHeaderBackButton.js to simply use require('./back_chevron.png'). Then deleted the app/build folder and ran the aseembleRelase again and that worked. This is just a workaround so that's why I'm submitting the ticket.

Here is a little bit more from the build log.

bundle: start
bundle: finish
bundle: Writing bundle output to: /Users/joelcloralt/code/MyApp/android/app/build/intermediates/assets/release/index.android.bundle
bundle: Done writing bundle output
bundle: Copying 22 asset files
bundle: Done copying assets
:app:processReleaseManifest UP-TO-DATE
:app:processReleaseResources
Unknown source file : /Users/joelcloralt/code/MyApp/android/app/build/intermediates/res/merged/release/drawable-mdpi/node_modules_reactnativerouterflux_node_modules_reactnativeexperimentalnavigation_assets_backicon.png: error: Invalid filename.  Unable to add.

:app:processReleaseResources FAILED

FAILURE: Build failed with an exception.

* What went wrong:
Execution failed for task ':app:processReleaseResources'.
> com.android.ide.common.process.ProcessException: org.gradle.process.internal.ExecException: Process 'command '/Users/joelcloralt/Library/Android/sdk/build-tools/23.0.1/aapt'' finished with non-zero exit value 1

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

BUILD FAILED

The text was updated successfully, but these errors were encountered:

aksonov · 2016-06-20T18:31:40Z

It is strange, back-button is placed within assets folder and it is exactly the same as in original NavigationExperimental...

leonardokl · 2016-06-28T23:51:37Z

I had the same problem.
The same workaround worked to me.

My settings:

"react": "^15.1.0",
"react-native": "^0.27.0-rc2",
"react-native-router-flux": "^3.30.0",

cyphire · 2016-07-27T18:35:22Z

Same error, same problem, same fix. Thanks joel et. al.!

florentdestremau · 2016-08-04T10:50:33Z

I have the same issue on ubuntu , is there a proper way to handle this ? Changing the sources are not a proper kind of solution..

cyphire · 2016-08-04T13:52:05Z

I just implemented my own, simple top menu bar. Made it a component. It
calls the right and left menus. I still use the router, but I don't show
the menu up top. So much easier and keeping it in my control has made
things much simpler.

If only I could figure out how to get the screens to stop coming from the
right only (including my menus)...

Brian B. Canin [email protected]

858-945-5601 (cell)

On Thu, Aug 4, 2016 at 5:50 AM, Florent Destremau [email protected]
wrote:

I have the same issue on ubuntu , is there a proper way to handle this ?
Changing the sources are not a proper kind of solution..

—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
#1 (comment),
or mute the thread
https://github.com/notifications/unsubscribe-auth/AAUnhrmoYDVZtwgjS_bRP90kBdvFPau-ks5qccP5gaJpZM4I5lEv
.

juanpasolano · 2016-08-10T18:09:38Z

Having the same issue

"react": "15.2.1",
"react-native": "0.30.0",
"react-native-router-flux": "^3.32.0",

joelbriggs · 2016-08-15T18:45:18Z

Had the same problem and this fixed it. Thanks a bunch!

blackavec · 2016-09-08T04:47:14Z

shoudn't we create PR for it?
i also have the same issue, which fixed after change to ./back_chevron.png

    "react": "15.3.1",
    "react-native": "0.32.0",
    "react-native-router-flux": "^3.35.0",

i'm running it on android.
we can easily make ./assets/back-icon.png in order to not even need to change anything on code
if people are not working on it, i can make PR

florentdestremau · 2016-09-08T07:11:10Z

please do 😃

blackavec · 2016-09-08T09:49:52Z

@florentdestremau as u asked, here is the result, i created a pull request due to the issue.
i also explained how i fixed the issue in PR

#6

blackavec · 2016-09-12T08:11:54Z

my PR has been merged @florentdestremau @joelcloralt.
i tested it, it works fine now, i left the screenshot as well.

important: don't forget to run the following command before ./gradlew aseembleRelease

# this might take a bit long but it's safer than update the npm modules
# remove the node_modules and install again

rm -rf node_modules && npm install

eppisapia-legacy · 2016-09-16T13:14:15Z

and you have to update all the libraries or just router-flux?

blackavec · 2016-09-17T04:19:16Z

i didn't update @eppisapia . to make sure everything is correct i just remove all of my modules and install again but if u want to do update, yes u should only update router-flux, it will update its dependencies and do the minor update onn all of them .

feat(animation): use native driver for animations

cbrevik · 2017-05-09T08:06:55Z

Recently I upgraded react-native to 0.44.0, and upgraded react-native-router-flux at the same time. Now I'm getting this error on OSX.

"react": "16.0.0-alpha.6",
"react-native": "0.44.0",
"react-native-router-flux": "^3.38.1"

aksonov · 2017-05-09T08:21:41Z

@cbrevik Could you check latest master version?

cbrevik · 2017-05-09T08:33:34Z

@aksonov of react-native-router-flux? Since I seem to be using the latest version (3.38.1) which is the same as master there.

It has resolved 0.26.10 of react-native-experimental-navigation as a dependency.
Edit: My bad, that is before the fix. I'll try the latest of this repository.

cbrevik · 2017-05-09T09:04:19Z

@aksonov I've tried adding "react-native-experimental-navigation": "git://github.com/aksonov/react-native-experimental-navigation.git#c02cd04" as a dependency in my package.json. But I still seem to get this issue.

As an aside, I also get a whole lot of This warning is caused by a @providesModule declaration with the same name across two different files. from react-native-router-flux colliding with react-native files, with the latest RN version.

cbrevik · 2017-05-10T06:45:51Z

I've tried any number of combinations of earlier versions of react-native-router-flux (3.35.0 up to 3.38.1) and react-native.

Using a lower version than 3.38.0 with RN 0.44.0 gives me the build error involving react-addons-pure-render-mixin, whilst 3.38.1 gives me the error in this issue.

Using 3.35.0 ~ 3.38.0 with RN <= 0.42.0 works fine.

There's two crashing bugs for Android, that are fixed in RN 0.44.0. A lot of my users are experiencing it, so I'd like to upgrade. But I'm sort of blocked by this error.

imalik8088 · 2017-05-12T19:30:08Z

Same here:

Error log
...../android/app/build/intermediates/res/merged/release/drawable-mdpi/node_modules_reactnativerouterflux_node_modules_reactnative_libraries_customcomponents_navigationexperimental_assets_backicon.png: error: Invalid filename. Unable to add.

I've tried to get the latest version from react-native-router-flux and react-native-experimental-navigation

....
    "react-native": "0.44.0",
    "react-native-experimental-navigation": "git+https://github.com/aksonov/react-native-experimental-navigation.git",
    "react-native-router-flux": "git+https://github.com/aksonov/react-native-router-flux.git",

Any ideas why this backicon.png issue is still there?

aksonov · 2017-05-13T09:09:27Z

Sorry, I can't help here because I'm using only iOS. I've just upgraded to RN0.44, iOS Example now works fine (3.39.1 version)

jinookoo · 2017-05-15T02:14:48Z

I guess, the file name is too long in Java.
The file name can't be more than 255 byte but the file name length is 129.
in Java, character allocate 2byte.

node_modules_reactnativerouterflux_node_modules_reactnative_libraries_customcomponents_navigationexperimental_assets_backicon.png

So, although if the file exactly exist, gradle can't find file.

If I change file name to "backicon.png"
No problem.

It just in my case, opinion & solution

sorry for poor eng

output4 · 2017-05-26T14:27:14Z

@eyu0415, how you do that?

Dhrupal · 2018-07-27T10:05:22Z

eyu0415 which png file you renamed? I am not finding the same file in my project.

Luckygirlllll · 2018-09-06T16:33:36Z

Have the same problem, is there any good solution so far?

Luckygirlllll · 2018-09-06T16:41:48Z

@eyu0415 where exactly did you change the name of that icon? in /android/app/build/intermediates/res/merged/release/drawable-mdpi/node_modules_reactnativerouterflux_node_modules_reactnavigationstack_dist_views_assets_backiconmask.png ?

mirzaumersaleem · 2018-09-12T14:48:43Z

Thanks @leonardokl same workaround worked to me.

zainmusani · 2018-09-26T11:02:57Z

yarn remove react-native-router-flux
yarn remove react-navigation
yarn add react-native-router-flux
cd android && ./gradlew clean
./gradlew assembleRelease

I know that I missed yarn add react-navigation . Because this is not required.

joelcloralt mentioned this issue Jul 28, 2016

APK building fails with 3.30.0 on windows aksonov/react-native-router-flux#852

Closed

blackavec mentioned this issue Sep 8, 2016

rename back-icon.png to back.png #6

Merged

aksonov pushed a commit that referenced this issue Apr 11, 2017

Merge pull request #1 from EdtechFoundry/feat-native-animation

1f21454

feat(animation): use native driver for animations

imalik8088 mentioned this issue May 15, 2017

Android assemble cannot package aksonov/react-native-router-flux#1861

Closed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

backicon.png: error: Invalid filename. Unable to add. #1

backicon.png: error: Invalid filename. Unable to add. #1

joelcloralt commented Jun 20, 2016

aksonov commented Jun 20, 2016

leonardokl commented Jun 28, 2016

cyphire commented Jul 27, 2016

florentdestremau commented Aug 4, 2016

cyphire commented Aug 4, 2016

juanpasolano commented Aug 10, 2016 •

edited

Loading

joelbriggs commented Aug 15, 2016

blackavec commented Sep 8, 2016 •

edited

Loading

florentdestremau commented Sep 8, 2016

blackavec commented Sep 8, 2016

blackavec commented Sep 12, 2016 •

edited

Loading

eppisapia-legacy commented Sep 16, 2016

blackavec commented Sep 17, 2016

cbrevik commented May 9, 2017 •

edited

Loading

aksonov commented May 9, 2017

cbrevik commented May 9, 2017 •

edited

Loading

cbrevik commented May 9, 2017

cbrevik commented May 10, 2017

imalik8088 commented May 12, 2017 •

edited

Loading

aksonov commented May 13, 2017

jinookoo commented May 15, 2017

output4 commented May 26, 2017 •

edited

Loading

Dhrupal commented Jul 27, 2018

Luckygirlllll commented Sep 6, 2018

Luckygirlllll commented Sep 6, 2018

mirzaumersaleem commented Sep 12, 2018

zainmusani commented Sep 26, 2018 •

edited

Loading

backicon.png: error: Invalid filename. Unable to add. #1

backicon.png: error: Invalid filename. Unable to add. #1

Comments

joelcloralt commented Jun 20, 2016

aksonov commented Jun 20, 2016

leonardokl commented Jun 28, 2016

cyphire commented Jul 27, 2016

florentdestremau commented Aug 4, 2016

cyphire commented Aug 4, 2016

juanpasolano commented Aug 10, 2016 • edited Loading

joelbriggs commented Aug 15, 2016

blackavec commented Sep 8, 2016 • edited Loading

florentdestremau commented Sep 8, 2016

blackavec commented Sep 8, 2016

blackavec commented Sep 12, 2016 • edited Loading

eppisapia-legacy commented Sep 16, 2016

blackavec commented Sep 17, 2016

cbrevik commented May 9, 2017 • edited Loading

aksonov commented May 9, 2017

cbrevik commented May 9, 2017 • edited Loading

cbrevik commented May 9, 2017

cbrevik commented May 10, 2017

imalik8088 commented May 12, 2017 • edited Loading

aksonov commented May 13, 2017

jinookoo commented May 15, 2017

output4 commented May 26, 2017 • edited Loading

Dhrupal commented Jul 27, 2018

Luckygirlllll commented Sep 6, 2018

Luckygirlllll commented Sep 6, 2018

mirzaumersaleem commented Sep 12, 2018

zainmusani commented Sep 26, 2018 • edited Loading

juanpasolano commented Aug 10, 2016 •

edited

Loading

blackavec commented Sep 8, 2016 •

edited

Loading

blackavec commented Sep 12, 2016 •

edited

Loading

cbrevik commented May 9, 2017 •

edited

Loading

cbrevik commented May 9, 2017 •

edited

Loading

imalik8088 commented May 12, 2017 •

edited

Loading

output4 commented May 26, 2017 •

edited

Loading

zainmusani commented Sep 26, 2018 •

edited

Loading