Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/spring-boot/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
React native 反应本机导航堆栈不可见_React Native_React Navigation - Fatal编程技术网

React native 反应本机导航堆栈不可见

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

我有一个带有react导航的应用程序,当我将console.log()放在渲染组件中时,这些路由似乎可以工作,但我在屏幕上看不到它们

注意,“加载”道具将通过堆栈发送到主组件,但这不是问题的一部分

App.js:

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})=>{
返回(
)
}
导出默认堆栈
也许我需要更多的款式?提前谢谢