无法覆盖 React Native 中的底部选项卡导航器

Question

我正在尝试创建一个工作表/模态，打开时具有背景。我面临的问题是我的底部选项卡导航器及其标题没有被 Pressable 组件覆盖。我希望这个组件基本上忽略来自父级的任何样式约束（这就是我认为绝对位置会做的）。

是否可以让Sheet组件占据整个屏幕的高度？我尝试过手动设置它的高度，但这不起作用。

  const Sheet = () => {
    return (
      <>
        <Pressable style={styles.backdrop} />
      </>
    );
  };

  export default Sheet;

  const styles = StyleSheet.create({
    backdrop: {
      ...StyleSheet.absoluteFillObject,
      backgroundColor: 'rgba(0, 0, 0, 0.3)',
    },
  });

Answer 1

如果您不是在谈论状态栏，您可以只给底部工作表一个绝对位置，然后尝试给出高度。这会起作用的 IG。