Skip to content

Customer navbar pop when calling Actions.pop() #1908

Closed
@jlafrance

Description

@jlafrance

Version

Tell us which versions you are using:

  • react-native-router-flux v3.39.2"
  • react-native v0.44.0"

Expected behaviour

That only the scene pop out when using a custom nav bar and calling Actions.pop(), but not the custom nav bar itself.

Actual behaviour

Actions.pop() have a weird transition where I see all my screen pop from left to right (including the nav bar).

Note: the navbar is still there in the loaded scene

Description

The transition is smooth without popping or reloading the nav bar when I go from the beneficiaries scene to beneficiaryDetails by calling Actions.beneficiaryDetails(), but then the navbar pop when I call Actions.pop() from the beneficiaryDetails scene.

      <RouterWithRedux navBar={Toolbar}>
       <Scene
        key="root"
        component={connect(state => ({ active: state.tabbar.active }))(Switch)}
        tabs
        unmountScenes
        hideNavBar={false}
        selector={props => props.active}
        duration={300}
      >
        <Scene key="dashboard"
          component={dashboard}
          hideNavBar={false}
        />
        <Scene key="beneficiaries"
          component={BeneficiaryComponent}
          hideNavBar={false}
          sceneStyle={{paddingTop: 76}}
        />
        <Scene key="history" component={HistoryComponent} hideNavBar={false} />
      </Scene>
      <Scene key="beneficiaryDetails"
        component={BeneficiaryDetailComponent}
        hideNavBar={false}
        sceneStyle={{paddingTop: 76}}
        duration={300}
      />
    </RouterWithRedux>

note: seems to be related because the scene is in the tabbar root

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions