Wah*_*ief 2 reactjs react-native react-native-android react-navigation react-navigation-stack
我正在使用 React Navigation 版本 4,在设置我的导航和所有屏幕并运行代码后,我面临以下问题:
TypeError: (0, _reactNavigation.default) 不是函数。
我的 Routes.Js 是 -
import React from 'react';
import createAppContainer from 'react-navigation';
import { createStackNavigator, HeaderBackButton } from 'react-navigation-stack';
import { Drawer } from './Drawer';
import LoginScreen from '../screens/LoginScreen';
import InitialScreen from '../screens/InitialScreen';
import LogoutScreen from '../screens/LogoutScreen';
const RootStack = createStackNavigator(
{
Drawer: {
screen: Drawer
},
LoginScreen: {
screen: LoginScreen
},
LogoutScreen: {
screen: LogoutScreen
}
InitialScreen: {
screen: InitialScreen
}
},
{
initialRouteName: 'InitialScreen',
headerMode: "none"
}
)
const App = createAppContainer(RootStack);
export default App;
Run Code Online (Sandbox Code Playgroud)
和 Index.js 是 -
import React, { Component } from 'react';
import { StyleSheet, AsyncStorage } from 'react-native';
import { Button, Text, Drawer } from 'native-base';
import App from './config/Routes';
import AppHeader from './components/Header/Header';
export default class Index extends Component {
render() {
const { globalContainer } = styles;
return (
<App
style={ globalContainer }
navigation={this.props.navigation}>
</App>
)
}
}
Run Code Online (Sandbox Code Playgroud)
有什么帮助吗??
从文档看来,它应该是一个命名导入,而不是默认导入。
import { createAppContainer } from 'react-navigation';
Run Code Online (Sandbox Code Playgroud)
请阅读文档。这也是调试时首先查看的好地方。
| 归档时间: |
|
| 查看次数: |
2572 次 |
| 最近记录: |