我的主应用程序包含一个包含其 组件的NavigationContainer
a 。Drawer.Navigator
Drawer.Screen
在 之外Navigator
,我有一个浮动操作按钮组件NavigationContainer
,我想根据导航抽屉是否打开来有条件地渲染。
const Drawer = createDrawerNavigator()
export default function App() {
return (
<NavigationContainer ...>
<Drawer.Navigator ...>
<Drawer.Screen ... />
<Drawer.Screen ... />
<Drawer.Screen ... />
</Drawer.Navigator>
<FloatingActionButton />
</NavigationContainer>
)
}
}
由于我无法在组件useDrawerStatus
内使用FloatingActionButton
,因为该组件不是Drawer.Navigator
(它不能容纳按钮本身,因为Navigator
只能包含Screen
、Group
和Fragment
组件)的子组件,因此我如何侦听抽屉状态或以其他方式访问其当前打开状态?