为什么导航栏后退按钮仍显示在react-native-router-flux中的ActionConst.REPLACE?

时间:2016-09-22 10:21:59

标签: javascript reactjs react-native redux react-native-router-flux

我从Login场景开始,当我点击Actions.hometype={ActionConst.REPLACE}的按钮时,它可以正常工作,在Home场景中导航栏没有后退按钮。但是如果我从登录注册到RegisterTwo再到Home,则Home场景的导航栏会有一个后退按钮。

造成这个问题的原因是什么?我只试了type='replace',后退按钮仍显示在导航栏中。

我的场景设置如下:

const RouterWithRedux = connect()(Router)
const store = configureStore()

export default class App extends Component {
  render() {
    return (
      <Provider store={store}>
        <RouterWithRedux>
          <Scene key='root'>
            <Scene component={Login} initial={true} key='login' title='Login'/>
            <Scene component={Register} key='register' title='Register'/>
            <Scene component={RegisterTwo} key='registerTwo' title='Register Two'/>
            <Scene component={Home} key='home' title='Home' type={ActionConst.REPLACE}/>
          </Scene>
        </RouterWithRedux>
      </Provider>
    )
  }
}

我只需使用import { Actions } from 'react-native-router-flux'Action.key进行导航即可。

提前谢谢!

1 个答案:

答案 0 :(得分:2)

你可以尝试:

<Scene component={Home} key='home' title='Home' type="reset"/>

或导航操作

Action.home({type:'reset'})