状态栏修复更新

1.添加状态栏间距来防止内容遮挡
2.添加了跟随页面自动变色的状态栏标题色改变

src/pages/userDatabase/index.tsx

@@ -11,9 +11,13 @@ import {
   verifyAdminPassword
 } from '../../utils/store'
 import { useThemeContext } from '../../context/ThemeContext'
+import { useSafeArea } from '../../hooks/useSafeArea'
+import { useStatusBar } from '../../hooks/useStatusBar'
 
 export default function UserDatabasePage() {
   const { theme, resolvedTheme } = useThemeContext()
+  const safe = useSafeArea()
+  useStatusBar(resolvedTheme)
   const [isUnlocked, setIsUnlocked] = useState(false)
   const [password, setPassword] = useState('')
   const [pwdError, setPwdError] = useState(false)
@@ -108,7 +112,7 @@ export default function UserDatabasePage() {
     <View className={`theme-${resolvedTheme}`}>
       <View className='udb-page'>
 
-        <View className='page-header dashed-card mt-20'>
+        <View className='page-header dashed-card mt-20' style={{ marginTop: `${safe.headerPaddingTop}px` }}>
           <View className='star-badge' />
           <Text className='page-title'>本地用户数据库</Text>
         </View>