Как прокинуть Стэк навигатор через Таб навигатор?

Question

[Новичок Иванович]

Есть компонент который рендерит ТАб навигатор. В самом Таб навигатор рендерится мап массива в компонет по нажатию на который должен быть открыт другой компонент с детальным отображением .

Comments

[Роман Александрович]

Так вы хотели?

const OfferStack = createStackNavigator(
  {
    Offer: OfferScreen
  },
  { headerLayoutPreset: "center" }
);

const TabNavigator = createBottomTabNavigator(
  {
    Stock: {
      screen: OfferStack,
      navigationOptions: {
        header: null,
        tabBarIcon: () => {
          return (
            <View style={styles.itemConteiner}>
              <Image source={stock} />
              <Text style={styles.text}>
                {strings("bottomTabNavigator.Stock")}
              </Text>
            </View>
          );
        }
      }
    },
    Spend: {
      screen: SpendStack,
      navigationOptions: {
        header: null,
        tabBarIcon: () => {
          return (
            <View style={styles.itemConteiner}>
              <Image source={spend} />
              <Text style={styles.text}>
                {strings("bottomTabNavigator.Spend")}
              </Text>
            </View>
          );
        }
      }
    },
    Main: {
      screen: MainStack,
      navigationOptions: {
        showLabel: false,
        tabBarIcon: () => {
          return (
            <View>
              <Image source={main} />
            </View>
          );
        }
      }
    },
    Charge: {
      screen: ChargeStack,
      navigationOptions: {
        header: null,
        tabBarIcon: () => {
          return (
            <View style={styles.itemConteiner}>
              <Image source={charge} />
              <Text style={styles.text}>
                {strings("bottomTabNavigator.Charge")}
              </Text>
            </View>
          );
        }
      }
    },
    Payments: {
      screen: PaymentsStack,
      navigationOptions: {
        header: null,
        tabBarIcon: () => {
          return (
            <View style={styles.itemConteiner}>
              <Image source={payments} />
              <Text style={styles.text}>
                {strings("bottomTabNavigator.Payments")}
              </Text>
            </View>
          );
        }
      }
    }
  },
  {

  }
);

export default TabNavigator;