在React Navigation 3中,您可以使用createAppContainer
函数直接设置您的应用容器。下面是一个包含代码示例的解决方法:
import { createAppContainer, createStackNavigator } from 'react-navigation';
import HomeScreen from './HomeScreen';
import DetailsScreen from './DetailsScreen';
const AppNavigator = createStackNavigator(
{
Home: HomeScreen,
Details: DetailsScreen,
},
{
initialRouteName: 'Home',
}
);
// 直接设置应用容器
const AppContainer = createAppContainer(AppNavigator);
export default AppContainer;
在上面的示例中,我们首先导入了createAppContainer
和createStackNavigator
函数,然后创建了一个包含两个屏幕的堆栈导航器AppNavigator
。我们将HomeScreen
设置为初始路由。
最后,我们使用createAppContainer
函数将AppNavigator
包装成一个应用容器,并将其导出为默认组件AppContainer
。
您可以在根组件中使用AppContainer
组件作为应用的顶级容器,例如:
import React from 'react';
import AppContainer from './AppContainer';
export default function App() {
return ;
}
这样,您就可以在React Navigation 3中正确设置应用容器并避免不可变违规错误。