Native Router Flux reagieren - Navigieren zu Szene und zurück - Konflikte mit einem anderen Kind

Question

Ich benutze react-native-Router-flux und habe ein Problem, zwischen den Szenen navigieren und es macht mich verrückt!

Das ist mein Router:

<Router navigationBarStyle={styles.navigationBody} titleStyle={styles.navigationTitle} duration={0} > 
    <Scene key="root"> 
     <Scene key="addNode" component={HA_AddNode} socket={socket} rooms={["Living Room", "Master Bedroom", "Hall", "Office"]} nodes ={["Light Switch", "Socket"]} title="Add Node" backTitle="Back" backButtonTextStyle={{color: 'white'}} backButtonImage={require('./images/back_arrow_icon.png')} onLeft={()=> Actions.pop()} /> 
     <Scene key="addRoom" component={HA_AddRoom} socket={socket} locations={["Downstairs", "Upstairs"]} title="Add Room" backTitle="Back" backButtonTextStyle={{color: 'white'}} backButtonImage={require('./images/back_arrow_icon.png')} onLeft={()=> Actions.pop()} /> 
     <Scene key="tabBar" tabs style={styles.tabBar} initial={true}> 
     <Scene key='dashboard' component={HA_Dashboard} title='Dashboard' initial={true} icon={HA_TabIcon} iconTitle="ios-home-outline" /> 
     <Scene key='rooms' component={HA_Rooms} title='Rooms' icon={HA_TabIcon} iconTitle="ios-list-box-outline" /> 
     <Scene key='settings' component={HA_Settings} title='Settings' icon={HA_TabIcon} iconTitle="ios-settings-outline" /> 
     </Scene> 
    </Scene> 
    </Router> 

Was bin ich versuche zu erreichen, wenn ich eine Taste gedrückt haben, nach X Sekunden, um es aus der addRoom Szene navigiert (die per Link auf der Seite mit den Einstellungen zugegriffen wird) zu den Räumen Tabszene. Ich mache das mit dem folgenden Code:

timer.setTimeout(this, 'roomsNavigate',() => Actions.rooms(), 2500); 

Das funktioniert gut und navigiert auf die Zimmerseite korrekt.

Nun ist das Problem, dass wenn ich die Einstellungen Seite zurück und klicken Sie auf dem Link mich auf die Add-Raum Seite zu nehmen, dann bekomme ich folgende Fehlermeldung:

navigationState.children[2].key "scene_addRoom_1_addRoom" conflicts withanother child! 

Ich habe auch bemerkt, dass, wenn ich Klicken Sie auf andere Links auf der Einstellungsseite, dann bringt es mich zur Seite zum Hinzufügen von Räumen und nicht zur richtigen Seite.

Wie kann ich das beheben?

Answer 1

<Router navigationBarStyle={styles.navigationBody} titleStyle={styles.navigationTitle} duration={0} > 
    <Scene key="root"> 
     <Scene key="addNode" component={HA_AddNode} socket={socket} rooms={["Living Room", "Master Bedroom", "Hall", "Office"]} nodes ={["Light Switch", "Socket"]} title="Add Node" backTitle="Back" backButtonTextStyle={{color: 'white'}} backButtonImage={require('./images/back_arrow_icon.png')} onLeft={()=> Actions.pop()} /> 
     <Scene key="addRoom" component={HA_AddRoom} socket={socket} locations={["Downstairs", "Upstairs"]} title="Add Room" backTitle="Back" backButtonTextStyle={{color: 'white'}} backButtonImage={require('./images/back_arrow_icon.png')} onLeft={()=> Actions.pop()} /> 
     <Scene key="tabBar" tabs style={styles.tabBar} initial={true}> 
     <Scene key='dashboard' component={HA_Dashboard} title='Dashboard' initial={true} icon={HA_TabIcon} iconTitle="ios-home-outline" /> 
     <Scene key='rooms' component={HA_Rooms} title='Rooms' icon={HA_TabIcon} iconTitle="ios-list-box-outline" /> 
     <Scene key='settings' component={HA_Settings} title='Settings' icon={HA_TabIcon} iconTitle="ios-settings-outline" /> 
     </Scene> 
    </Scene> 
    </Router> 

sind

Sie kann nicht navigate zu Dashboard, Räume oder Einstellungen von addNode oder addRoom Szenen. Sie können nur zu TabBar-Szenen von ihnen navigieren.

Aber von Dashboard-, Raum- und Einstellungsszenen können Sie zu addNode- oder addRoom-Szenen navigieren.

Answer 2

Wie gehst du zurück zur Einstellungsseite?

Ihre "addRoom" -Szene wurde bereits dem Stapel hinzugefügt, was diesen Konflikt erklären kann.

Sie haben mehrere Lösungen, um das zu beheben (aber das wird das Verhalten ändern).

A) Setzen Sie den Stapel, wenn Sie die addRoom Szene öffnen

timer.setTimeout(this, 'roomsNavigate',() => Actions.rooms({type: ActionConst.RESET}), 2500); 

B) den Stapel zurückstellen, wenn Sie in den Einstellungen Szene

<Scene type={ActionConst.RESET} key='settings' component={HA_Settings} title='Settings' icon={HA_TabIcon} iconTitle="ios-settings-outline" /> 

Answer 3

Basierend auf @Ataomega Antwort, die ich für die Option ging zurück zu Einstellungen von knallt und dann auf die Zimmer-Seite, die ganz gut zu funktionieren scheint:

timer.setTimeout(this, 'roomsNavigate',() => { 
    Actions.pop() 
    setTimeout(()=>{ 
     Actions.rooms() 
    }) 
}, 2500);