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