如何在react-drawer中从顶部删除空格

Question

我正在使用它，并且在顶部有空格。任何可以提供我从顶部删除此空白的细节。@react-导航/抽屉

​

Answer 1

const insets = useSafeArea();

<DrawerContentScrollView
    contentContainerStyle={{
       paddingTop: insets.top,
    }}
   {...props}>
</DrawerContentScrollView>

Answer 2

只是补充一下，我也遇到了同样的问题，useSafeArea被弃用了。我设法使用了useSafeAreaInsets。

import { useSafeAreaInsets } from 'react-native-safe-area-context';

...<DrawerContentScrollView 
  style={styles.container} 
  contentContainerStyle={{
    paddingTop: insets.top,
 }}
>...

Answer 3

如果状态栏处于隐藏状态，则可以使用以下命令：

<DrawerContentScrollView 
    contentContainerStyle={{ paddingTop: 0 }}>
</DrawerContentScrollView>