Navigation bar disappeared

[paulxtiseo]

I recently upgraded my modules on an app I am building, and I can't display a navbar on one container where I was able to before. Here's the routes:

<Router name="root">
  <Route 
    name="launch"
    component={Launch} 
    initial={true}
    hideNavBar={true}
    sceneConfig={Navigator.SceneConfigs.FloatFromLeft}/>
  <Route 
    name="activityFeed" 
    component={ActivityFeed}
    title="Activity Feed"
    hideNavBar={false}
    sceneConfig={Navigator.SceneConfigs.FloatFromLeft}/>
</Router>

The activity feed scene is not displaying the navbar at all. Before the upgrade, it did. (I upgrade today from v2.2.4 to current.)

Any ideas on where to start looking?

[chetstone]

I saw something similar, when I was trying to use the example from @nyura123's PR for react-native-tableview. hideNavBar={true} was not working in the editing routes "Example with editing mode" and "Custom Editing Example". It should hide the main navbar and allow the route-specific navbar to be seen but did not. This seems to be fixed in 2.3.5.

But now there is another regression: With 2.3.5 and clicking on any of the other (non-editing) routes, the Back button is missing from the navbar. This works fine in 2.1.8, and in 2.2.4, the back button is there but does not work.

[aksonov]

@chetstone You are right, latest changes broke 'back' button functionality, didn't found the reason yet, reverted to old solution...

[paulxtiseo]

Well, good to know I am maybe not the only one. :)

Another thing I noticed in trying to superficially debug, the repo's readme.md example shows a nested router (<Router footer={TabBar} showNavigationBar={false}...) with a showNavigationBar attribute? How does it differ from the hideNavBar one? The configuration table above it does not document it.

[aksonov]

It should be the same as hideNavBar, i believe

[paulxtiseo]

But, probably inversed? Meaning (showNavigationBar = true) === (hideNavBar = false)?

If so, that did not seem to alter the fact the the navbar is absent from my ActivityFeed screen.

[aksonov]

Check latest version (2.3.6), if it doesn't work, please check demo, it hides/show navbar within tabbar.

[paulxtiseo]

Yes, it works now.

[ws3li]

Is the back button fixed yet? I still see the back button not being rendered properly. Thanks

[lrettig]

same!

[lrettig]

just tested, the back button issue first appeared in 2.3.4, so the issue is here somewhere: 07fb25a

[sisyphsu]

In the same case, NavigationBar disappeared in 2.2.7, and after upgrade RNRF to 2.3.6, NavigationBar appeared, but the back button disappeared again.

var React = require('react-native');
var RNRF = require('react-native-router-flux');
var {Text, View, TouchableOpacity} = React;
var {Router, Route, Actions} = RNRF;
var Home = React.createClass({
    render(){
        return (
            <View style={{flex:1, alignItems: 'center', justifyContent: 'center'}}>
                <TouchableOpacity onPress={()=>{Actions.search();}}><Text>Hello world</Text></TouchableOpacity>
            </View>
        );
    }
});
var Search = React.createClass({
    render(){
        return (
            <View style={{flex:1, alignItems: 'center', justifyContent: 'center'}}>
                <Text>Search world</Text>
            </View>
        );
    }
});
var Launcher = React.createClass({
    render(){
        return (
            <Router name="root">
                <Route name="home" component={Home} initial={true} hideNavBar={true}/>
                <Route name="search" component={Search} hideNavBar={false}/>
            </Router>
        );
    }
});
module.exports = Launcher;

Above is an example, I hope it can help some.

[sisyphsu]

Maybe during routes switch, the NavBar doesn't change at all.
Check the code below, when route switch to search, NavBar title is still 'Home Page', not 'Search Page'.

var React = require('react-native');
var RNRF = require('react-native-router-flux');
var {Text, View, TouchableOpacity} = React;
var {Router, Route, Schema, Actions} = RNRF;
var Home = React.createClass({
    render(){
        return (
            <View style={{flex:1, alignItems: 'center', justifyContent: 'center'}}>
                <TouchableOpacity onPress={()=>{Actions.search();}}><Text>Hello world</Text></TouchableOpacity>
            </View>
        );
    }
});
var Search = React.createClass({
    render(){
        return (
            <View style={{flex:1, alignItems: 'center', justifyContent: 'center'}}>
                <Text>Search world</Text>
            </View>
        );
    }
});
var Launcher = React.createClass({
    render(){
        return (
            <Router name="root">
                <Schema name="default" sceneConfig={React.Navigator.SceneConfigs.FloatFromRight}/>
                <Route name="home" title="Home Page" component={Home} initial={true}/>
                <Route name="search" title="Search Page" component={Search}/>
            </Router>
        );
    }
});
module.exports = Launcher;

[joshuarotenberg]

👍 my navbar is gone with the latest update also

[aksonov]

Please check 2.3.7