Перейдите к сцене и не возвратитесь назад

Question

Я создаю аватарщик, и у меня возникают некоторые проблемы с моей реализацией action-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> 
    ); 
    } 
} 

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