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

이것은 네비게이션 스택과 immediateresetstack 메소드를 통해 보여줄 스택의 인덱스를 제공 할 수있는 ex-navigation에서 가능합니다. 네이티브 라우터 유출에 반응하는 것을 찾지 못했습니다. –

답변

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); 
관련 문제