14

React Native Router Fluxを使用してシーンスタック(履歴)を総合的に定義する方法はありますか?ユーザーが自然にA –> B –> Cからナビゲートできるアプリがあるとします。私は、自然な振る舞い(A -> B -> C)と同じ歴史を持つシーンCでアプリを開始したいので、ユーザーは最初に開いたシーンCからBに戻るようにナビゲートします。React Native Router Fluxを使用した合成シーンスタック(履歴)

EDIT:私はRedux Persistを使って何らかの方法で達成できるはずですが、これは関連するissueです。

+0

これがアプリの最初の画面になるかどうか確認できますか? –

+0

はい、 'C'はアプリの最初の画面になります。 – sealskej

+1

これは、ex-navigationで可能です。ここでは、スタックのナビゲーションスタックとインデックスを指定して、immediateresetstackメソッドを介して表示することができます。ネイティブルータフラックスに反応する際にこのようなことは見つかりませんでした。 –

答えて

1

私は偽の空の初期のシーンでそれをすることができました。それは非常にハッキーな解決策であり、CからBへのアニメーションは正しく動作しません。

import React, {Component} from "react"; 
import {AppRegistry} from "react-native"; 
import {Scene, Router, Actions, ActionConst} from "react-native-router-flux"; 
import A from "./A"; 
import B from "./B"; 
import C from "./C"; 

class App extends React.Component { 
    componentDidMount() { 
    const params = { 
     onBack:() => Actions.b({ 
     direction: 'fade', 
     onBack:() => Actions.a({ 
      direction: 'fade' 
     }) 
     }), 
     duration: 0 
    }; 
    Actions.c(params); 
    } 

    render() { 
    return (
     <Router> 
      <Scene key="root" style={{paddingTop: 60}}> 
      <Scene key="empty" 
        component={class extends Component{render() {return null}}} 
        /> 
      <Scene key="a" component={A} title='A' type={ActionConst.RESET}/> 
      <Scene key="b" component={B} title='B'/> 
      <Scene key="c" component={C} title='C'/> 
      </Scene> 
     </Router> 
    ) 
    } 
} 

AppRegistry.registerComponent('untitled',() => App); 
関連する問題