Javascript 职位：“；绝对的；with按钮在IOS上不起作用| React Native

我有一个汉堡包按钮，可以在移动应用程序中触发一个侧菜单。当“位置”设置为“绝对”时，按钮不响应。我看到过类似的问题，建议用

包装按钮，并将其位置设置为绝对位置，但在我的情况下，这不起作用。当在IOS上单击按钮时，该按钮没有响应。安卓系统工作得非常好

代码段：

import React, { useState, useEffect } from "react";
import { View, StyleSheet } from "react-native";

import Hamburger from "@psyycker/rn-animated-hamburger";

function HamburgerIcon({ navigation }) {
  const [status, setStatus] = useState(false);

  useEffect(() => {
    const unsubscribe = navigation.addListener("drawerClose", (e) => {
      setStatus(false);
    });

    return unsubscribe;
  }, [navigation]);

  async function callBack() {
    setStatus(true);
    navigation.toggleDrawer();
  }
  return (
    <View style={styles.btnContainer}>
        <View style={{ marginTop: 40, marginLeft: 20 }}>
          <Hamburger
            active={status}
            type="spinArrow"
            color="blue"
            onPress={() => callBack()}
          ></Hamburger>
        </View>
    </View>
  );
}

const styles = StyleSheet.create({
  btnContainer: {
    position: "absolute",
    flex: 1,
  },
});

import React，{useState，useffect}来自“React”；
从“react native”导入{View，StyleSheet}；
从“@psyycker/rn动画汉堡”导入汉堡；
函数（{navigation}）{
const[status，setStatus]=useState（false）；
useffect（（）=>{
const unsubscribe=navigation.addListener（“抽屉关闭”，e）=>{
设置状态（假）；
});
退订；
}，[导航]；
异步函数回调（）{
设置状态（真）；
navigation.toggleDrawer（）；
}
返回(
回调（）}
>
);
}
const styles=StyleSheet.create({
BTN容器：{
位置：“绝对”，
弹性：1，
},
});

通过环绕

SafeAreaView

并将

zIndex

设置为一个高数值来解决

<SafeAreaView style={{ position: "absolute", margin: 40, marginLeft: 20, zIndex:99999 }}>
    <Hamburger active={status}
           type="spinArrow"
           color="blue"
           onPress={() => callBack()}
          >
    </Hamburger>
</SafeAreaView>

回调（）}
>