使用expo-router（React Native）中的抽屉布局时，屏幕顶部有额外的填充/空白空间

Question

我正在开发一个使用 expo-router 阅读 React Native 移动应用程序的故事。我把所有东西都放在 expo-router 的抽屉布局中。

我注意到标题上方有一个额外的空白。当我检查标题时，它覆盖了空白区域，但显示 0 填充和边距。

当我使用桌面网络而不是 Android 应用程序时，空白消失了。

Answer 1

添加布局文件，它为我整理好了：

应用程序/_layout.js

import { Slot } from 'expo-router';

export default function HomeLayout() {
  return <Slot />;
}