React native 当headerMode=”时,React Stack Navigator V5不响应;浮动;

React native 当headerMode=”时,React Stack Navigator V5不响应;浮动;,react-native,navigation,navigation-drawer,stack-navigator,React Native,Navigation,Navigation Drawer,Stack Navigator,我正在使用react native drawer v5,在标题中我有一个汉堡包图标。 当headerMode=浮动->按预期工作,打开和关闭抽屉 当我更改为headerMode=“float”时,标题不会响应单击,并且不会发生任何事情 请注意,我正在Android设备上检查它。我不需要知道IOS 这里是我的堆栈和抽屉导航: import... const MainStack = createStackNavigator(); const Drawer = createDra

我正在使用react native drawer v5,在标题中我有一个汉堡包图标。 当headerMode=浮动->按预期工作,打开和关闭抽屉

当我更改为headerMode=“float”时,标题不会响应单击,并且不会发生任何事情

  • 请注意,我正在Android设备上检查它。我不需要知道IOS
这里是我的堆栈和抽屉导航:

     import...
const MainStack = createStackNavigator();
    const Drawer = createDrawerNavigator();
const stackScreenOptions = {
cardStyleInterpolator: CardStyleInterpolators.forHorizontalIOS,

gestureEnabled: true,
gestureDirection: "horizontal",
headerTitleAlign: "center",
headerStyle: {
    borderBottomWidth: 0.5,
    elevation: 2,
    borderColor: "white",
    backgroundColor: "#1d2731",
    height: 82,
},
headerTitleStyle: {
    color: "white",
},
};

   const MainStackScreen = ({ navigation }) => (
 <MainStack.Navigator headerMode="float" screenOptions={stackScreenOptions}>/////////HERE THE PROBLEM OCCURE -> when i declare headerMode="float
    <MainStack.Screen
        name="Main"
        component={MainScreen}
        options={{
            title: "ליאור",
            headerLeft: () => (
                <Icon
                    style={{ position: "absolute", left: 15 }}
                    name="bars"
                    color="white"
                    size={30}
                    onPress={() => {
                        navigation.openDrawer();
                    }}
                />
            ),
        }}
    />
    <MainStack.Screen name="MeetingPicker" component={MeetingPicker} />
    <MainStack.Screen name="MyMeetings" component={UserHistory} />
    <MainStack.Screen name="About" component={AboutScreen} />
    <MainStack.Screen name="Gallery" component={GalleryScreen} />
    <MainStack.Screen name="Location" component={LocationScreen} />
    <MainStack.Screen name="Logout" component={LogoutModal} />
</MainStack.Navigator>
);

export const DrawerNavigator = () => {
    return (
        <Drawer.Navigator drawerStyle={styles.drawerStyle} drawerContent={props => <DrawerContent {...props} />}>
            <Drawer.Screen name="Main" component={MainStackScreen} />
        </Drawer.Navigator>
    );
};
导入。。。
const-MainStack=createStackNavigator();
const Drawer=createDrawerNavigator();
常量堆栈屏幕选项={
cardStyleInterpolator:CardStyleInterpolators.forHorizontalIOS,
已启用手势:true,
手势方向:“水平”,
headerTitleAlign:“居中”,
头型:{
边框底部宽度:0.5,
标高:2,
边框颜色:“白色”,
背景颜色:“1d2731”,
身高:82,
},
头饰样式:{
颜色:“白色”,
},
};
常量MainStackScreen=({navigation})=>(
/////////当我声明headerMode=“float”时,问题出现了
(
{
navigation.openDrawer();
}}
/>
),
}}
/>
);
导出常数pawernavigator=()=>{
返回(
}>
);
};

您是否使用最新版本的stack?是“@react-navigation/drawer”:“^5.11.4”,“@react-navigation/native”:“^5.8.10”,“@react-navigation/stack”:“^5.12.8”,您是否使用最新版本的stack?是“@react-navigation/drawer”:“^5.11.4”,“@react-navigation/native”:“^5.8.10”,“@react-navigation/stack”:“^5.12.8”,