javascript - 导航到场景并且没有返回显示

Question

我正在构建一个头像构建器，但我在实现 react-native-router-flux 时遇到了一些问题。在下面的示例中，我让用户登陆“家”。他们访问比赛场景，然后将他们发送到子比赛场景。我的问题是，当我选择完一个子种族后，我使用 Actions.home 将它们送回了家。它将他们带回家，但也启用了后退按钮。任何帮助将不胜感激。

export default class App extends Component {
  render() {
    return (
        <Router>
          <Scene key= 'root'>
            <Scene key= "home" hidenavbar={true} component={HomeScreen} title="Create Character" initial={true} />
            <Scene key= "race" component={Race} title="Choose Race"  />
            <Scene key= "subrace" component={Subrace} title="Choose Subrace" />
          </Scene>
        </Router>
    );
  }
}

下面是 subrace 组件

export default class Subrace extends Component {

   render(){
    return (
      <Container>
        <Header><Title>Choose Subrace</Title></Header>
        <Content>
          <List>
            <ListItem button onPress = {Actions.home}>
              <Thumbnail square size={80}/>
              <Text>Underground elf</Text>
            </ListItem>
            <ListItem button onPress = {Actions.home}>
              <Thumbnail  square size={80} />
              <Text>forest elf</Text>
            </ListItem>
          </List>
        </Content>
      </Container>
    );
  }
}

Answer 1

尝试这个：

export default class Subrace extends Component {

   render(){
    return (
      <Container>
        <Header><Title>Choose Subrace</Title></Header>
        <Content>
          <List>
            <ListItem button onPress={() => Actions.home({ type: 'reset' })}>
              <Thumbnail square size={80}/>
              <Text>Underground elf</Text>
            </ListItem>
            <ListItem button onPress={() => Actions.home({ type: 'reset' })}>
              <Thumbnail  square size={80} />
              <Text>forest elf</Text>
            </ListItem>
          </List>
        </Content>
      </Container>
    );
  }
}