react-native-router-flux：如何在选项卡之间切换时防止选项卡场景历史堆栈被重置？

Question

我有一个 Router 设置，其中包含 2 个选项卡场景：

选项卡 1: 有 2 个可导航场景（静态屏幕）；
- 屏幕 A: 有一个按钮可以导航到 屏幕 B;
- 屏幕B：只有一条文字；
选项卡 2: 只有 1 个静态屏幕。
- 屏幕C:只有一个文本；

代码如下

app.js:

import React from 'react';
import { Router, Scene } from 'react-native-router-flux';
import Tab from '../tab';
import ScreenA from './a';
import ScreenB from './b';
import ScreenC from './c';


export default class App extends React.Component {
  render(){
    return (
      <Router>
        <Scene key="root">
          <Scene key="tabbar" tabs={true}>

            <Scene key="tab1" title="Tab 1" icon={Tab}>
              <Scene key="a" title="Screen A" component={ScreenA} />
              <Scene key="b" title="Screen B" component={ScreenB} />
            </Scene>

            <Scene key="tab2" title="Tab 2" icon={Tab}>
              <Scene key="c" title="Screen C" component={ScreenC} />
            </Scene>

          </Scene>
        </Scene>
      </Router>
    );
  }
}

画面也很简单

a.js:

export default class ScreenA extends React.Component {
  render(){
    return (
      <View>
        <Text>This is Screen A</Text>
        <TouchableHighlight onPress={() => Actions.b()}>
          <Text>Go to Screen B</Text>
        </TouchableHighlight>
      </View>
    );
  }
}

b.js:

export default class ScreenB extends React.Component {
  render(){
    return (
      <View>
        <Text>This is Screen B</Text>
      </View>
    );
  }
}

c.js:

export default class ScreenC extends React.Component {
  render(){
    return (
      <View>
        <Text>This is Screen C</Text>
      </View>
    );
  }
}

用例：

应用呈现屏幕 A（在选项卡 1 中）；
点击屏幕 A 中的按钮：应用程序导航到 屏幕 B（仍在选项卡 1 中）；
单击选项卡 2：应用程序导航到 屏幕 C（在选项卡 2 中）。
单击选项卡 1：应用程序导航到 屏幕 A（在选项卡 1 中），NOT 到屏幕 B，如预期的那样。

当我们返回时，

react-native-router-flux 没有保留选项卡的历史堆栈。还是我做错了什么？

软件包版本：

反应 v15.3.2
react-native v0.34.1
react-native-router-flux v3.36.0

Answer 1

原来这是 react-native-router-flux 包中的一个错误，它已在 pull request.

中修复

react-native-router-flux：如何在选项卡之间切换时防止选项卡场景历史堆栈被重置？

react-native-router-flux: How to prevent Tab Scene history stack from being reset when changing between tabs?

react-native

react-native-router-flux

用例：