导航到场景并且没有返回显示答案

【问题标题】：Navigate to scene and not have back show up导航到场景并且没有返回显示
【发布时间】：2017-02-18 03:08:50
【问题描述】：

我正在构建一个头像构建器，但我在实现 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>
    );
  }
}

下面是子种族组件

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>
    );
  }
}

【问题讨论】：

你也可以试试import { Router, Scene, ActionConst} from 'react-native-router-flux'; <Scene key= "home" hidenavbar={true} component={HomeScreen} title="Create Character" initial={true} type={ActionConst.RESET}/>
在你的<Scene key='home'/>标签中使用type={'reset'}

标签： javascript react-native react-native-router-flux native-base

【解决方案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>
    );
  }
}

【讨论】：