自定列表导航栏

src/store/global.ts

@@ -0,0 +1,61 @@
+import { create } from 'zustand'
+import { getNavbarHeight } from '@/utils/getNavbarHeight'
+
+interface GlobalState {
+  location: Record<string, any>
+  getLocationLoading: boolean
+  getLocationText: string
+  statusNavbarHeightInfo: {
+    statusBarHeight: number
+    navbarHeight: number
+    totalHeight: number
+  }
+}
+
+interface GlobalActions {
+  updateState: (payload: Record<string, any>) => void
+  getNavbarHeightInfo: () => void
+}
+// 完整的 Store 类型
+type GlobalStore = GlobalState & GlobalActions
+
+// 创建 store
+export const useGlobalStore = create<GlobalStore>()((set, get) => ({
+  // 位置信息
+  location: {},
+  // 正在获取位置信息
+  getLocationLoading: false,
+  // 获取位置信息文本
+  getLocationText: '定位中...',
+
+  // 状态栏和导航栏高度信息
+  statusNavbarHeightInfo: {
+    statusBarHeight: 0,
+    navbarHeight: 0,
+    totalHeight: 0
+  },
+
+  // 获取导航栏高度信息
+  getNavbarHeightInfo: () => {
+    const { statusBarHeight, navbarHeight } = getNavbarHeight();
+    set({
+      statusNavbarHeightInfo: {
+        statusBarHeight,
+        navbarHeight,
+        totalHeight: statusBarHeight + navbarHeight
+      }
+    })
+  },
+
+  // 更新store数据
+  updateState: (payload: Record<string, any>) => {
+    const state = get();
+    set({
+      ...state,
+      ...(payload || {})
+    })
+  }
+}))
+
+// 导出便捷的 hooks
+export const useGlobalState = () => useGlobalStore((state) => state)