How to show the message bar above navigation bar?

Question

How to show the message bar above navigation bar?

Opened this issue 9 years ago · 9 comments

Hi , I was trying to show the message bar above the navigation bar I have, but it doesn't work with a navigation bar appearing. How to achieve this?

Can you please help.

Thanks.

Answer 1 · 2016-06-29T15:29:56.000Z

~~Maybe an offset prop can fix this. Will try this approach this weekend and submit a PR.~~

Answer 2 · 2016-06-29T15:32:17.000Z

@iphonic try set viewTopOffset prop, I believe that's the only way to go, for me place below navigationbar is enough.

Answer 3 · 2016-08-03T08:44:50.000Z

Hey there,
I suppose you use react-native-router-flux. Actually you can't because the MessageBar is attached to the current view and the navigation bar is at a higher level.
Even if you try viewTopOffset: -NavBarHeight you will make the alert bar displayed under the navigation bar.
I'm working on a redux implementation and will surely provide a way to do this in the next release.
Any ideas are welcome :)

Answer 4 · 2016-12-27T13:15:45.000Z

Hello @KBLNY ,

Can not work with react-native-router-flux or is it not only possible to put it above the navbar?
I am trying to use with react-native-router-flux and I am getting problems.

Thank you.

Answer 5 · 2017-03-26T08:53:09.000Z

works fine with RNRF here.

Answer 6 · 2018-02-07T04:54:27.000Z

im using with react-native-router-flux works fine

Answer 7 · 2018-02-09T06:27:38.000Z

@herarya would you please show a demo?

Answer 8 · 2018-02-09T06:54:48.000Z

@dustturtle i think you just follow example
https://github.com/aksonov/react-native-router-flux/blob/master/Example/Example.js
https://github.com/aksonov/react-native-router-flux/blob/master/Example/components/MessageBar.js

Answer 9 · 2018-02-11T02:32:59.000Z

got this done. Thanks a lot. @herarya