小编Sun*_*yXH的帖子

如何在react-navigation v5中使用嵌套导航时编写类型定义

我已经像本文档所述编写了类型定义,但是当我使用嵌套导航时出现了问题。

这里是示例代码:

在我的App.tsx

export type MainStackParamList = {
  Setting: undefined
}
export type TabParamList = {
  Home: undefined
  Personal: undefined
}
const MainStack = createNativeStackNavigator<MainStackParamList>()
const Tab = createBottomTabNavigator<TabParamList>()
const RootStack = createNativeStackNavigator()

const MainStackScreen = () => (
  <MainStack.Navigator screenOptions={{ headerShown: false }}>
    <MainStack.Screen name="Setting" component={Setting} />
  </MainStack.Navigator>
)

const TabScreen = () => (
  <Tab.Navigator screenOptions={{ headerShown: false }}>
    <Tab.Screen name="Home" component={Setting} />
    <Tab.Screen name="Personal" component={Setting} />
  </Tab.Navigator>
)

const RootStackScreen = () => ( …
Run Code Online (Sandbox Code Playgroud)

react-native react-navigation react-navigation-stack

2
推荐指数
1
解决办法
7799
查看次数