Reactjs 如何在navigator上添加另一个屏幕

Reactjs 如何在navigator上添加另一个屏幕,reactjs,react-native,react-navigation,react-navigation-stack,Reactjs,React Native,React Navigation,React Navigation Stack,我在项目中使用了选项卡底部导航器。我希望在选项卡底部导航器的选项卡中显示新页面,但我希望选项卡导航器再次显示在底部。我不想添加我想在下面显示的新页面的按钮。如何处理这种情况。我创建了另一个js文件作为新场景,并将其添加到应用程序js中。我是说。在“主页”选项卡中有一个按钮可以重定向到新页面,但如何导航 app.js中的我的导航器代码: import LoadingScreen from './screens/LoadingScreen' import HomeScreen from './scr

我在项目中使用了选项卡底部导航器。我希望在选项卡底部导航器的选项卡中显示新页面,但我希望选项卡导航器再次显示在底部。我不想添加我想在下面显示的新页面的按钮。如何处理这种情况。我创建了另一个js文件作为新场景,并将其添加到应用程序js中。我是说。在“主页”选项卡中有一个按钮可以重定向到新页面,但如何导航 app.js中的我的导航器代码:

import LoadingScreen from './screens/LoadingScreen'
import HomeScreen from './screens/HomeScreen'
import LoginScreen from './screens/LoginScreen'
import RegisterScreen from './screens/RegisterScreen'
import ProfileScreen from './screens/profileScreen'
import NotificationScreen from './screens/notificationScreen'
import PostScreen from './screens/postScreen'
import soruOnaylaScreen from './screens/soruOnaylaScreen'

const AppContainer = createStackNavigator(
  {
    default: createBottomTabNavigator(
      {
        soruOnayla: {
          screen: soruOnaylaScreen,
          navigationOptions: {
            tabBarIcon: ({ tintColor }) =>
              <Ionicons name="ios-chatboxes" size={24} color={tintColor} />
          }
        },
        Home: {
          screen: HomeScreen,
          navigationOptions: {
            tabBarIcon: ({ tintColor }) =>
              <Ionicons name="ios-home" size={24} color={tintColor} />
          }
        },

        Post: {
          screen: PostScreen,
          navigationOptions: {
            tabBarIcon: ({ tintColor }) =>
              <Ionicons
                name="ios-add-circle"
                size={36}
                color='#E9446A'
                style={{
                  shadowColor: "#E9446A",
                  shadowOffset: { width: 0, height: 0 },
                  shadowRadius: 10,
                  shadowOpacity: 0.3
                }}
              />
          }
        }
        , Notification: {
          screen: NotificationScreen,
          navigationOptions: {
            tabBarIcon: ({ tintColor }) =>
              <Ionicons name="ios-notifications" size={24} color={tintColor} />
          }
        },
        Profile: {
          screen: ProfileScreen,
          navigationOptions: {
            tabBarIcon: ({ tintColor }) =>
              <Ionicons name="ios-person" size={24} color={tintColor} />
          }
        }
      },
      {

        tabBarOptions: {
          activeTintColor: "#161f3d",
          inactiveTintColor: "#b8bbc4",

        }
      }
    ),
    postModal: {
      screen: PostScreen
    } 
  },
  {
    mode: "modal",
    headerMode: "none"
  }
)


const AuthStack = createStackNavigator({
  Login: LoginScreen,
  Register: RegisterScreen

})  


export default createAppContainer(
  createSwitchNavigator(
    { 
      Loading: LoadingScreen,
      App: AppContainer,
      Auth: AuthStack
    },
    {
      initialRouteName: "Loading"
    }
  )
)
从导入加载屏幕。./screens/LoadingScreen'
从“./screens/HomeScreen”导入主屏幕
从“./screens/LoginScreen”导入LoginScreen
从“./screens/RegisterScreen”导入注册表屏幕
从“./screens/ProfileScreen”导入ProfileScreen
从“/screens/NotificationScreen”导入NotificationScreen
从“./screens/PostScreen”导入PostScreen
从“./screens/soruOnaylaScreen”导入soruOnaylaScreen
const AppContainer=createStackNavigator(
{
默认值:CreateBoottomTabNavigator(
{
索鲁纳伊拉:{
屏幕:soruOnaylaScreen,
导航选项:{
tabBarIcon:({tintColor})=>
}
},
主页:{
屏幕:主屏幕,
导航选项:{
tabBarIcon:({tintColor})=>
}
},
职位:{
屏幕:PostScreen,
导航选项:{
tabBarIcon:({tintColor})=>
}
}
,通知:{
屏幕:通知屏幕,
导航选项:{
tabBarIcon:({tintColor})=>
}
},
简介:{
屏幕:ProfileScreen,
导航选项:{
tabBarIcon:({tintColor})=>
}
}
},
{
选项卡选项:{
activeTintColor:#161f3d“,
颜色:“b8bbc4”,
}
}
),
邮戳:{
屏幕:PostScreen
} 
},
{
模式:“模态”,
headerMode:“无”
}
)
const AuthStack=createStackNavigator({
登录:LoginScreen,
注册:注册屏幕
})  
导出默认createAppContainer(
createSwitchNavigator(
{ 
加载:加载屏幕,
App:AppContainer,
Auth:AuthStack
},
{
initialRouteName:“正在加载”
}
)
)