導航到現場，並沒有顯示

Question

我正在構建一個頭像生成器，並且我在執行react-native-router-flux時遇到了一些問題。在下面的例子中，我將用戶登陸到「家庭」。他們進入比賽現場，然後將他們送到subrace場景。我的問題是當我完成選擇一個subrace時，我使用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> 
    ); 
    } 
}