React Native'de Stack Navigator'ı Bottom Tab Navigator ile Birleştirme

Question

App.js'de Home Navigator'da alt sekme gezginini Stack Navigator ile nasıl birleştireceğimi öğrenmek istiyorum İşte kodum

import React from 'react';
import {createAppContainer} from 'react-navigation';
import {createStackNavigator} from 'react-navigation-stack';
import Signup from './screens/signup';
import Login from './screens/login';
import Home from './screens/Home';
import Loading from './screens/Loading';
import Welcome from './screens/Welcome';
import ForgotPassword from './screens/ForgotPassword';

export default class App extends React.Component {
  render() {
    return <AppContainer />;
  }
}

const navigator = createStackNavigator({
  loading: {
    screen: Loading,
    navigationOptions: {
      headerShown: false,
      headerTransparent: true,
    },
  },
  Welcome: {
    screen: Welcome,
    navigationOptions: {
      headerShown: false,
      headerTransparent: true,
    },
  },
  signup: {
    screen: Signup,
    navigationOptions: {
      headerShown: false,
      headerTransparent: true,
    },
  },
  login: {
    screen: Login,
    navigationOptions: {
      headerShown: false,
      headerTransparent: true,
    },
  },
  Home: {
    screen: Home,
    navigationOptions: {
      headerShown: false,
      headerTransparent: true,
    },
  },
  InitialRouteName: Loading,
});

const AppContainer = createAppContainer(navigator);

Bu koda alt sekme gezgini eklemenizi öneren var mı? App.js'de Tab alt gezginini yığın gezgini ile nasıl birleştireceğimi bilmek istiyorum (alt sekme gezgini ile evi arama) teşekkürler

Answer 1

Bir tabNavigator oluşturabilir ve bunu diğer rotalar gibi ayarlayabilirsiniz.

Obs: Ayrıca drawerNavigator için de çalışın.

Misal:

const MainTab = TabNavigator(tabs, {
  initialRouteName: initialRouteName,
  tabBarPosition: "bottom",
});


const RootNavigator = StackNavigator(
  {
    Root: {
      screen: MainTab,
      navigationOptions: {
        headerMode: "none"
      }
    },
    /* Other Screens */
    Login: { screen: LoginScreen },
  }
)

const AppContainer = createAppContainer(RootNavigator);

Obs: bu aynı zamanda drawerNavigator için de geçerlidir.