This commit is contained in:
oneao committed 2026-03-03 22:05:25 +08:00
1 parent c0531c1d0a
commit 46106d0c76
13 files changed
+171 -146

No files matched your search

@@ -57,7 +57,7 @@ export default function TabsLayout() {
"
onPress={() => {
setShowNavDrawer(false)
router.push(item.path)
router.navigate(item.path)
}}
>
<LucideIcon icon={item.icon} size={24} strokeWidth={2} clickable={false} />
@@ -2,9 +2,11 @@ import React, { useState } from 'react'
import { Text, View } from 'react-native'
import { AButton, AModal } from '@/components/common/ao'
import AnimatedSwitch from '@/components/common/ao/Switch'
import { useSpaceStore } from '@/store/space'
export default function TestScreen() {
const [showDissolve, setShowDissolve] = useState(false)
const spaceStore = useSpaceStore()
return (
<View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
@@ -12,7 +14,7 @@ export default function TestScreen() {
setShowDissolve(true)
}}
>
测试
{spaceStore.currentSpace?.space_id}
</AButton>
<AModal
title="提示"
@@ -26,21 +26,21 @@ export default function Index() {
{/* <AButton
className="w-full"
onPress={() => router.replace('/money')}
onPress={() => ('/money')}
>
开始使用
</AButton> */}
<View className="flex flex-row gap-3 mt-4">
<AButton
className="flex-1"
onPress={() => router.replace('/money')}
onPress={() => ('/money')}
>
创建空间
</AButton>
<AButton
className="flex-1"
variant="outline"
onPress={() => router.replace('/money')}
onPress={() => ('/money')}
>
加入空间
</AButton>
+13 -5
View File
@@ -42,9 +42,10 @@ export function ErrorBoundary({ error, retry }: ErrorBoundaryProps) {
export default function RootLayout() {
const pathname = usePathname()
const navStore = useNavStore()
const appStore = useAppStore()
const navStore = useNavStore()
const [fontsLoaded] = useFonts({
SpaceMono: require('@/static/fonts/SpaceMono-Regular.ttf'),
})
@@ -54,12 +55,19 @@ export default function RootLayout() {
}, [pathname])
useEffect(() => {
if (!fontsLoaded) {
if (!fontsLoaded)
return
const bootstrap = async () => {
try {
await appStore.init()
}
finally {
SplashScreen.hideAsync()
}
}
SplashScreen.hideAsync()
// appStore.init().finally(() => {
// })
bootstrap()
}, [fontsLoaded])
return (
+23 -19
View File
@@ -1,18 +1,22 @@
import { useEvent } from 'expo'
// import ExpoQQ from 'expo-qq'
import { useRouter } from 'expo-router'
import { useNavigation, useRouter } from 'expo-router'
// import ExpoWeChat from 'expo-wechat'
import { useEffect, useState } from 'react'
import { Image, Text, View } from 'react-native'
import { toast } from 'sonner-native'
import { AButton, ACheckbox } from '@/components/common/ao'
import CustomHeader from '@/components/custom/Header'
import { IconQq, IconWeixin } from '@/components/iconfont'
import { loginQqApi, loginWxApi } from '@/request/api/auth'
import { useAppStore } from '@/store/app'
import { useSpaceStore } from '@/store/space'
import { useUserStore } from '@/store/user'
import { toast } from '@/utils/toast'
export default function Auth() {
const appStore = useAppStore()
const navigation = useNavigation()
const [loading, setLoading] = useState(false)
const [isAgree, setIsAgree] = useState(true)
const [form, setForm] = useState({
@@ -23,7 +27,6 @@ export default function Auth() {
const router = useRouter()
const userStore = useUserStore()
const appStore = useAppStore()
// const onLoginFinished = useEvent(ExpoQQ, 'onLoginFinished')
// const onGetUserInfo = useEvent(ExpoQQ, 'onGetUserInfo')
@@ -44,9 +47,7 @@ export default function Auth() {
// // 检查微信是否安装
// const isInstalled = await ExpoWeChat.isWXAppInstalled()
// if (!isInstalled) {
// toast.show({
// title: onLoginFinished?.errorMessage || '请先安装微信',
// })
// toast.warning(onLoginFinished?.errorMessage || '请先安装微信')
// setLoading(false)
// return
// }
@@ -70,9 +71,7 @@ export default function Auth() {
// }
// if (!onLoginFinished.success) {
// toast.show({
// title: onLoginFinished?.errorMessage || '授权失败,请检查手机是否安装 QQ 或确认授权',
// })
// toast.warning(onLoginFinished?.errorMessage || '授权失败,请检查手机是否安装 QQ 或确认授权')
// setLoading(false)
// return
// }
@@ -81,9 +80,7 @@ export default function Auth() {
// try {
// const tokenInfo = await ExpoQQ.getLoginTokenInfo()
// if (!tokenInfo.openId) {
// toast.show({
// title: tokenInfo?.errorMessage || '授权失败,请检查手机是否安装 QQ 或确认授权',
// })
// toast.warning(tokenInfo?.errorMessage || '授权失败,请检查手机是否安装 QQ 或确认授权')
// setLoading(false)
// return
// }
@@ -126,8 +123,7 @@ export default function Auth() {
// nickname: loginRes.data.nickname,
// avatar: loginRes.data.avatar,
// })
// router.push('/space/manage')
// await appStore.init()
// }
// }
// catch (err) {
@@ -161,7 +157,7 @@ export default function Auth() {
// avatar: loginRes.data.avatar,
// })
// router.push('/')
// await appStore.init()
// }
// }
// catch (err) {
@@ -180,19 +176,27 @@ export default function Auth() {
// handleLogin()
// }, [authResult])
function testLogin() {
async function testLogin() {
// eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyX2lkIjo3NjY3ODU5ODIxNjUwNjEsImlhdCI6MTc2OTM0ODI0Nn0.17ZNaHD3HSLM8dVn_JQK-gvsG9MKj47IRYV9D4xZkzs
userStore.setUserInfo({
token: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyX2lkIjo3NzgxMTUwMzIxMDA5MzMsImlhdCI6MTc3MjE5MDQ0Mn0.GF611RBvU47QuW2s4kOcdvh88ieIbHu7M_SmWeBOqLY',
token: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyX2lkIjo3Nzk4OTU0MTkxMjE3MzMsImlhdCI6MTc3MjU0MDU1OH0.M5KqfPWdpOAlCCtZrJRxwKc8bRpGBjEt9BNCfgBZgnc',
id: 778115032100933,
nickname: 'Zhang',
avatar: 'http://thirdqq.qlogo.cn/ek_qqapp/AQHVialeUibE42oV8RvTTVZ4tyRlPYeJrUibWTwtCPfV68E4rSzn9cw00GkXQ3QDTiawwhjoqQb7/100',
})
// appStore.init()
await appStore.init()
router.replace('/')
// navigationRef.reset({
// index: 0,
// routes: [{
// name: '(tabs)' as never,
// }],
// })
// console.log(navigation.getState()?.routeNames)
// ('/')
}
return (
@@ -84,8 +84,8 @@ export default function AuthSpace() {
<Pressable
key={item.space_id}
onPress={() => {
router.push({
pathname: '/space/manage/sub-page/settings',
router.navigate({
pathname: '/space/sub-page/settings',
params: {
spaceId: item.space_id,
},
@@ -238,11 +238,12 @@ export default function AuthSpace() {
)}
>
{
loading ? (
<View className="flex-1 items-center justify-center">
<ActivityIndicator size="large" color="#333" />
</View>
)
loading
? (
<View className="flex-1 items-center justify-center">
<ActivityIndicator size="large" color="#333" />
</View>
)
: spaces.length === 0
? (
<View className="flex-1 items-center justify-center mt-12">
@@ -251,7 +252,8 @@ export default function AuthSpace() {
description="请选择 创建 或 加入 空间"
/>
</View>
) : (
)
: (
<Sortable.Grid
scrollableRef={scrollableRef}
keyExtractor={(item: UserSpace) => {
@@ -334,7 +336,7 @@ export default function AuthSpace() {
<AButton
className="rounded-full"
loading={createLoading}
onPress={() => {
onPress={async () => {
if (!createForm.name) {
toast.warning('请输入空间名称')
return
@@ -343,7 +345,7 @@ export default function AuthSpace() {
setCreateLoading(true)
try {
createSpaceApi({
await createSpaceApi({
name: createForm.name,
member_name: userStore.userInfo.nickname,
sort_number: spaces.length,
@@ -101,71 +101,63 @@ export default function Invite() {
<CustomHeader title="分享空间" />
{
loading ? (
<View className="flex-1 items-center justify-center">
<ActivityIndicator size="large" color="#333" />
</View>
) : (
<View className="px-5 pt-6">
{/* 邀请码卡片 */}
<View className="bg-white rounded-2xl p-6 items-center">
<Text className="text-gray-500 text-sm mb-3">
复制邀请码邀请家庭成员加入
</Text>
<Text className="text-4xl font-bold tracking-[8px] text-gray-900 mb-4">
{space?.invite_code}
</Text>
<View className="flex-row gap-3">
<AButton
onPress={copyInviteCode}
className="rounded-full flex-1"
leftIcon={
<LucideIcon icon="Copy" size={16} color="#fff" clickable={false} />
}
>
复制邀请码
</AButton>
{
userStore.userInfo.id === space?.owner_id && (
<AButton
variant="outline"
className="rounded-full px-4"
leftIcon={
<LucideIcon icon="RefreshCw" size={16} clickable={false} />
}
loading={refreshLoading}
onPress={refreshInviteCode}
>
刷新
</AButton>
)
}
loading
? (
<View className="flex-1 items-center justify-center">
<ActivityIndicator size="large" color="#333" />
</View>
</View>
)
: (
<View className="px-5 pt-6">
<View className="bg-white rounded-2xl p-6 items-center">
<Text className="text-gray-500 text-sm mb-3">
复制邀请码邀请家庭成员加入
</Text>
<View className="my-8">
<ADivider direction="horizontal" text="或扫描二维码" />
</View>
<Text className="text-4xl font-bold tracking-[8px] text-gray-900 mb-4">
{space?.invite_code}
</Text>
{/* 二维码卡片 */}
<TouchableOpacity
activeOpacity={0.9}
onPress={() => setPreviewVisible(true)}
className="bg-white rounded-2xl py-8 items-center"
>
<QRCode
size={160}
value={qrcode || ''}
/>
</TouchableOpacity>
<View className="flex-row gap-3">
<AButton
onPress={copyInviteCode}
className="rounded-full flex-1"
leftIcon={
<LucideIcon icon="Copy" size={16} color="#fff" clickable={false} />
}
>
复制邀请码
</AButton>
</View>
)
{userStore.userInfo.id === space?.owner_id && (
<AButton
variant="outline"
className="rounded-full px-4"
leftIcon={
<LucideIcon icon="RefreshCw" size={16} clickable={false} />
}
loading={refreshLoading}
onPress={refreshInviteCode}
>
刷新
</AButton>
)}
</View>
</View>
<View className="my-8">
<ADivider direction="horizontal" text="或扫描二维码" />
</View>
<TouchableOpacity
activeOpacity={0.9}
onPress={() => setPreviewVisible(true)}
className="bg-white rounded-2xl py-8 items-center"
>
<QRCode size={160} value={qrcode || ''} />
</TouchableOpacity>
</View>
)
}
{/* 全屏预览(无动画) */}
@@ -1,5 +1,5 @@
import type { UserSpace } from '@/types/space'
import { router, useFocusEffect, useLocalSearchParams } from 'expo-router'
import { router, useFocusEffect, useLocalSearchParams, useNavigation } from 'expo-router'
import { useCallback, useEffect, useRef, useState } from 'react'
import { ActivityIndicator, Text, TouchableOpacity, View } from 'react-native'
import { KeyboardAvoidingView } from 'react-native-keyboard-controller'
@@ -15,6 +15,7 @@ import {
ActionsheetDragIndicatorWrapper,
} from '@/components/ui/actionsheet'
import { dissolveSpaceApi, enterSpaceApi, exitSpaceApi, getSpaceSettingsApi, updateSpaceDefaultApi, updateSpaceMemberNameApi, updateSpaceNameApi } from '@/request/api/space'
import { useNavStore } from '@/store/navigation'
import { useSpaceStore } from '@/store/space'
import { useUserStore } from '@/store/user'
@@ -62,6 +63,7 @@ function Item({
export default function Settings() {
const userStore = useUserStore()
const spaceStore = useSpaceStore()
const navStore = useNavStore()
const params = useLocalSearchParams<{ spaceId: string }>()
const { spaceId } = params
@@ -102,6 +104,16 @@ export default function Settings() {
}
}, [showName])
useEffect(() => {
if (showMemberName) {
const timer = setTimeout(() => {
memberNameInputRef.current?.focus()
}, 300)
return () => clearTimeout(timer)
}
}, [showMemberName])
useFocusEffect(
useCallback(() => {
if (spaceId) {
@@ -147,7 +159,7 @@ export default function Settings() {
})
try {
enterSpaceApi({
await enterSpaceApi({
space_id: space.space_id,
}).then((res) => {
if (res.isSuccess) {
@@ -156,7 +168,8 @@ export default function Settings() {
space_id: space.space_id,
role: space.role,
})
router.navigate('/money')
navStore.replace('(tabs)')
}
})
}
@@ -258,7 +271,7 @@ export default function Settings() {
title="邀请"
onPress={() => {
router.navigate({
pathname: '/space/manage/sub-page/invite',
pathname: '/space/sub-page/invite',
params: {
space_id: space.space_id,
},
@@ -279,7 +292,7 @@ export default function Settings() {
title="空间成员"
onPress={() => {
router.navigate({
pathname: '/space/manage/sub-page/member',
pathname: '/space/sub-page/member',
params: {
space_id: space.space_id,
},
@@ -3,19 +3,21 @@ import { useState } from 'react'
import { Text, TouchableOpacity, View } from 'react-native'
import CustomHeader from '@/components/custom/Header'
import { useAppStore } from '@/store/app'
import { useNavStore } from '@/store/navigation'
export default function Share() {
const router = useRouter()
const appStore = useAppStore()
const navStore = useNavStore()
const [showExitModal, setShowExitModal] = useState(false)
function exitLogin() {
setShowExitModal(false)
// appStore.reset()
appStore.reset()
router.replace('/auth')
navStore.replace('/auth')
}
return (