React Navigation 3.0进行了许多重大更改,包括根导航器所需的显式应用程序容器。
过去,任何导航器都可以充当应用程序顶层的导航容器,因为它们都包裹在“导航容器”中。导航容器(现在称为应用程序容器)是一个高级组件,可维护应用程序的导航状态并处理与外界的交互,以将链接事件转换为导航动作,等等。
在v2及更低版本中,React Navigation中的容器由create *Navigator函数自动提供。从v3开始,您需要直接使用容器。在v3中,我们还将createNavigationContainer重命名为createAppContainer。
另外请注意,如果您现在使用的是v4,则导航器已移至单独的存储库。现在,您需要从安装和导入
'react-navigation-stack'。例如
import { createStackNavigator } from 'react-navigation-stack',下面的解决方案适用于v3。import { createStackNavigator, createAppContainer} from 'react-navigation';const MainNavigator = createStackNavigator({...});const App = createAppContainer(MainNavigator);更全面的代码示例:
import { createStackNavigator, createAppContainer } from 'react-navigation';import Login from './view/login.js'import SignUp from './view/signup.js'const RootStack = createStackNavigator({ Home: { screen: Login }, Signup: { screen: SignUp } });const App = createAppContainer(RootStack);export default App;


