シーンに移動して、表示されていない

Question

私はアバタービルダーを構築しています。私はリアクションネイティブルータフラックスの実装にいくつか問題があります。以下の例では、ユーザーが「家庭」に着陸するようにしています。彼らはレースシーンにアクセスし、それをサブレースシーンに送ります。私の問題は、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

この試すです：あなたはまた、「反応ネイティブから ``インポート{ルータ、シーン、ActionConst} ` を試みることができる

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