React native 当headerMode=”时,React Stack Navigator V5不响应;浮动;
我正在使用react native drawer v5,在标题中我有一个汉堡包图标。 当headerMode=浮动->按预期工作,打开和关闭抽屉 当我更改为headerMode=“float”时,标题不会响应单击,并且不会发生任何事情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
- 请注意,我正在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”,