React native 反应本机导航堆栈不可见
我有一个带有react导航的应用程序,当我将console.log()放在渲染组件中时,这些路由似乎可以工作,但我在屏幕上看不到它们 注意,“加载”道具将通过堆栈发送到主组件,但这不是问题的一部分 App.js:React native 反应本机导航堆栈不可见,react-native,react-navigation,React Native,React Navigation,我有一个带有react导航的应用程序,当我将console.log()放在渲染组件中时,这些路由似乎可以工作,但我在屏幕上看不到它们 注意,“加载”道具将通过堆栈发送到主组件,但这不是问题的一部分 App.js: import 'react-native-gesture-handler'; import React from 'react'; import { NavigationContainer } from '@react-navigation/native'; import { Sa
import 'react-native-gesture-handler';
import React from 'react';
import { NavigationContainer } from '@react-navigation/native';
import {
SafeAreaView,
StyleSheet,
ScrollView,
View,
} from 'react-native';
import { observer } from "mobx-react";
import AppBar from './src/components/common/AppBar'
import Stack from './src/components/Navigation/Stack'
import { navigationRef } from './src/components/Navigation/RootNavigation'
const App = observer(() => {
const { userStore } = useStore()
return (
<NavigationContainer ref={navigationRef}>
<SafeAreaView style={styles.container}>
{!userStore.isLogged && <AppBar/>}
<ScrollView
contentInsetAdjustmentBehavior="automatic"
style={styles.scrollView}>
<Stack loading={loading}/>
</ScrollView>
</SafeAreaView>
</NavigationContainer>
);
})
export default App;
导入“反应本机手势处理程序”;
从“React”导入React;
从'@react-navigation/native'导入{NavigationContainer};
进口{
安全区域视图,
样式表,
滚动视图,
看法
}从“反应本机”;
从“mobx react”导入{observer};
从“./src/components/common/AppBar”导入AppBar
从“./src/components/Navigation/Stack”导入堆栈
从“./src/components/Navigation/RootNavigation”导入{navigationRef}
常量应用程序=观察者(()=>{
const{userStore}=useStore()
返回(
{!userStore.isloged&}
);
})
导出默认应用程序;
Stack.js:
import React from 'react';
import { createStackNavigator } from '@react-navigation/stack';
import Home from '../Home'
import Profile from '../Profile'
const NavStack = createStackNavigator();
const Stack = ({loading}) => {
return (
<NavStack.Navigator initialRouteName='Home'>
<NavStack.Screen
name="Home"
component={Home}
options={{ title: 'Welcome' }}
/>
<NavStack.Screen
name="Profile"
component={Profile}
options={{ title: 'Profile' }}
/>
</NavStack.Navigator>
)
}
export default Stack
从“React”导入React;
从'@react navigation/stack'导入{createStackNavigator};
从“../Home”导入主页
从“../Profile”导入配置文件
const NavStack=createStackNavigator();
常量堆栈=({loading})=>{
返回(
)
}
导出默认堆栈
也许我需要更多的款式?提前谢谢