Tabs 使用“反应本机可滚动选项卡视图”弹出到上一个场景

似乎在使用react native scrollable tab view时，如果在tab组件中创建了详细信息页面，则无法返回到上一场景-它只是返回到tab view的初始索引。我的意思是：

有可能解决这个问题吗

以下是我的选项卡视图代码：

//home page that connects everything together in app index
var React = require('react-native');
var { Text, Image, View, StyleSheet, ScrollView} = React;
//libraries
var ScrollableTabView = require('react-native-scrollable-tab-view');
//components
var TabBar = require('../components/TabBar');
//screens
var Explore = require('./explore');
var Home = require('./home');
var Recipes = require('./recipes');
var Profile = require('./profile');
var RecipePhoto = require('./recipe-photo.js')
//dimensions
var Dimensions = require('Dimensions');
var window = Dimensions.get('window');

module.exports = React.createClass({
  render: function() {
    return <View style={styles.container}>
        <ScrollableTabView
          tabBarPosition={'bottom'}
          initialPage={0}
          renderTabBar={() => <TabBar />}>
          <ScrollView tabLabel="ion|android-home">
            <Home navigator={this.props.navigator} />
          </ScrollView>
          <ScrollView tabLabel="ion|android-list">
            <Recipes navigator={this.props.navigator} />
          </ScrollView>
          <ScrollView tabLabel="ion|android-camera">
            <RecipePhoto navigator={this.props.navigator} />
          </ScrollView>
          <ScrollView tabLabel="ion|search">
            <Explore navigator={this.props.navigator} />
          </ScrollView>
          <ScrollView tabLabel="ion|person-stalker">
            <Profile navigator={this.props.navigator} />
          </ScrollView>
        </ScrollableTabView>
      </View>
  }
});

var styles = StyleSheet.create({
  container: {
    flex: 1,
  },
  tabView: {
    flex: 1,
    padding: 10,
    backgroundColor: 'rgba(0,0,0,0.01)',
  },
  card: {
    borderWidth: 1,
    backgroundColor: '#fff',
    borderColor: 'rgba(0,0,0,0.1)',
    margin: 5,
    height: 150,
    padding: 15,
    shadowColor: '#ccc',
    shadowOffset: {width: 2, height: 2},
    shadowOpacity: 0.5,
    shadowRadius: 3,
  },
});

//在应用程序索引中将所有内容连接在一起的主页
var React=require（'React-native'）；
var{Text，Image，View，StyleSheet，ScrollView}=React；
//图书馆
var ScrollableTabView=require（'react-native-scrollable-tab-view'）；
//组成部分
var TabBar=require（'../components/TabBar'）；
//屏风
var Explore=require（“./Explore”）；
var Home=需要（'./Home'）；
变量配方=要求（“./配方”）；
变量配置文件=要求（“./配置文件”）；
var RecipePhoto=require（'./recipe photo.js'）
//尺寸
变量维度=要求（“维度”）；
var window=Dimensions.get（'window'）；
module.exports=React.createClass({
render:function（）{
返回
}>
}
});
var styles=StyleSheet.create({
容器：{
弹性：1，
},
选项卡视图：{
弹性：1，
填充：10，
背景颜色：“rgba（0,0,0,0.01）”，
},
卡片：{
边框宽度：1，
背景颜色：“#fff”，
边框颜色：“rgba（0,0,0,0.1）”，
差额：5，
身高：150，
填充：15，
阴影颜色：“#ccc”，
阴影偏移：{宽度：2，高度：2}，
阴影不透明度：0.5，
阴影半径：3，
},
});

每个组件都有自己的导航器吗？@naderdabit是的每个组件都继承导航器，以便使用上面的代码中的pop和push-但是选项卡视图的初始页面也设置在上面我的意思是，每个组件都有一个单独的导航器实例吗？您可能需要为每个选项卡视图设置一个单独的导航器，以获得所需的功能。@naderdabit您可以使用上面的代码演示一个示例吗？@naderdabit您是否找到了解决方案？每个组件是否都有自己的导航器？@naderdabit是每个组件都继承导航器，以便在上面的代码-但是选项卡视图的初始页面也设置在上面，我的意思是，每个页面是否都有一个单独的导航器实例？您可能需要为每个选项卡视图设置一个单独的导航器，以获取所需的功能。@naderdabit您可以用上面的代码演示一个示例吗？@naderdabit您找到解决方案了吗？