react-native-router-flux: navigationBarTitleImage prop doesn't show image

Version

Tell us which versions you are using:

react-native-router-flux v3.38.0
react-native v0.4.1

Expected behaviour

Nav bar header should show the image included.

Actual behaviour

Image included doesn’t show.

Steps to reproduce

<Scene key="login" component={LoginForm} sceneStyle={{ paddingTop: 0 }} panHandlers={null} // disables swiping back navigationBarTitleImage={require('../assets/images/navbar-logo.png')} /> </Scene>

I will add that this is the first time I’m trying to use navigationBarTitleImage.

About this issue

Original URL
State: closed
Created 7 years ago
Reactions: 1
Comments: 18 (5 by maintainers)

Commits related to this issue

V4 announcement, v3 is obsolete now; closes #1,#2,#3,#4,#5,#6,#7,#8,#9,#10,#11,#12,#13,#14,#15,#16,#17,#18,#19,#20,#21,#22,#23,#24,#25,#26,#27,#28,#29,#30,#31,#32,#33,#34,#35,#36,#37,#38,#39,#40,#41,#... — committed to aksonov/react-native-router-flux by aksonov 7 years ago

Most upvoted comments

Hi @omerdn1! Thanks for your response.

I just tried using master but then react-native start started giving this error:

Failed to build DependencyGraph: @providesModule naming collision:
  Duplicate module name: jsc-heap-capture
  Paths: /path-to-app/node_modules/react-native-router-flux/node_modules/react-native/local-cli/server/middleware/heapCapture/package.json collides with /path-to-app/node_modules/react-native/local-cli/server/middleware/heapCapture/package.json

This error is caused by a @providesModule declaration with the same name across two different files.
Error: @providesModule naming collision:
  Duplicate module name: jsc-heap-capture
  Paths: /path-to-app/node_modules/react-native-router-flux/node_modules/react-native/local-cli/server/middleware/heapCapture/package.json collides with /path-to-app/node_modules/react-native/local-cli/server/middleware/heapCapture/package.json

This error is caused by a @providesModule declaration with the same name across two different files.
    at HasteMap._updateHasteMap (/path-to-app/node_modules/react-native/packager/src/node-haste/DependencyGraph/HasteMap.js:158:13)
    at /path-to-app/node_modules/react-native/packager/src/node-haste/DependencyGraph/HasteMap.js:133:31
error Command failed with exit code 1.

Any idea on how to solve it?

Regards

m-revetria on Mar 17, 2017

Hi, thank you for this awesome module!

I also have the same issue:

react-native v0.42.0
react-native-router-flux v3.38.0

delvedor on Mar 9, 2017

Just noticed I wasn’t using the latest (master) build. Anyways, for best styling you have to change titleWrapperStyle, navigationBarStyle, and navigationBarTitleImageStyle defaults. titleWrapperStyle: marginTop: 0, position: 'relative', top: 0 navigationBarStyle: justifyContent: 'center', alignItems: 'center' navigationBarTitleImageStyle: resizeMode: 'contain' and of course include width, height

omerdn1 on Mar 11, 2017

The problem with this approach though is that everytime you do npm i to install a new dep that node_modules will come back.

pbassut on Mar 31, 2017

@m-revetria I did it. The problem comes when you install from a git repository. If you just delete the folder node_modules from react-native-router-flux inside your project’s node_modules, it will be ok. Let us know if it works.

filipemonteiroth on Mar 30, 2017