From 33abbe21aa899f0832ca37deb4ee3b6df445f941 Mon Sep 17 00:00:00 2001
From: kenan <kenan@gmail.com>
Date: Thu, 6 Nov 2025 16:32:15 +0700
Subject: [PATCH] =?UTF-8?q?feat:=20tabs=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/(tabs)/_layout.tsx  |  20 +++++--
 app/(tabs)/activity.tsx |   8 +++
 app/(tabs)/explore.tsx  | 112 ----------------------------------------
 app/(tabs)/mine.tsx     |  28 ++++++++++
 app/(tabs)/recharge.tsx |   8 +++
 app/withdraw/index.tsx  |  10 ++++
 6 files changed, 71 insertions(+), 115 deletions(-)
 create mode 100644 app/(tabs)/activity.tsx
 delete mode 100644 app/(tabs)/explore.tsx
 create mode 100644 app/(tabs)/mine.tsx
 create mode 100644 app/(tabs)/recharge.tsx
 create mode 100644 app/withdraw/index.tsx

diff --git a/app/(tabs)/_layout.tsx b/app/(tabs)/_layout.tsx
index 54e11d0..9c51d70 100644
--- a/app/(tabs)/_layout.tsx
+++ b/app/(tabs)/_layout.tsx
@@ -19,14 +19,28 @@ export default function TabLayout() {
       <Tabs.Screen
         name="index"
         options={{
-          title: 'Home',
+          title: '首页',
           tabBarIcon: ({ color }) => <IconSymbol size={28} name="house.fill" color={color} />,
         }}
       />
       <Tabs.Screen
-        name="explore"
+        name="recharge"
         options={{
-          title: 'Explore',
+          title: '充值',
+          tabBarIcon: ({ color }) => <IconSymbol size={28} name="paperplane.fill" color={color} />,
+        }}
+      />
+      <Tabs.Screen
+        name="activity"
+        options={{
+          title: '活动',
+          tabBarIcon: ({ color }) => <IconSymbol size={28} name="paperplane.fill" color={color} />,
+        }}
+      />
+      <Tabs.Screen
+        name="mine"
+        options={{
+          title: '我的',
           tabBarIcon: ({ color }) => <IconSymbol size={28} name="paperplane.fill" color={color} />,
         }}
       />
diff --git a/app/(tabs)/activity.tsx b/app/(tabs)/activity.tsx
new file mode 100644
index 0000000..89b1b5c
--- /dev/null
+++ b/app/(tabs)/activity.tsx
@@ -0,0 +1,8 @@
+import { ThemedView } from "@/components/themed-view";
+
+export default function ActivityScreen() {
+  return (
+    <ThemedView>11</ThemedView>
+  )
+}
+    
\ No newline at end of file
diff --git a/app/(tabs)/explore.tsx b/app/(tabs)/explore.tsx
deleted file mode 100644
index 71518f9..0000000
--- a/app/(tabs)/explore.tsx
+++ /dev/null
@@ -1,112 +0,0 @@
-import { Image } from 'expo-image';
-import { Platform, StyleSheet } from 'react-native';
-
-import { Collapsible } from '@/components/ui/collapsible';
-import { ExternalLink } from '@/components/external-link';
-import ParallaxScrollView from '@/components/parallax-scroll-view';
-import { ThemedText } from '@/components/themed-text';
-import { ThemedView } from '@/components/themed-view';
-import { IconSymbol } from '@/components/ui/icon-symbol';
-import { Fonts } from '@/constants/theme';
-
-export default function TabTwoScreen() {
-  return (
-    <ParallaxScrollView
-      headerBackgroundColor={{ light: '#D0D0D0', dark: '#353636' }}
-      headerImage={
-        <IconSymbol
-          size={310}
-          color="#808080"
-          name="chevron.left.forwardslash.chevron.right"
-          style={styles.headerImage}
-        />
-      }>
-      <ThemedView style={styles.titleContainer}>
-        <ThemedText
-          type="title"
-          style={{
-            fontFamily: Fonts.rounded,
-          }}>
-          Explore
-        </ThemedText>
-      </ThemedView>
-      <ThemedText>This app includes example code to help you get started.</ThemedText>
-      <Collapsible title="File-based routing">
-        <ThemedText>
-          This app has two screens:{' '}
-          <ThemedText type="defaultSemiBold">app/(tabs)/index.tsx</ThemedText> and{' '}
-          <ThemedText type="defaultSemiBold">app/(tabs)/explore.tsx</ThemedText>
-        </ThemedText>
-        <ThemedText>
-          The layout file in <ThemedText type="defaultSemiBold">app/(tabs)/_layout.tsx</ThemedText>{' '}
-          sets up the tab navigator.
-        </ThemedText>
-        <ExternalLink href="https://docs.expo.dev/router/introduction">
-          <ThemedText type="link">Learn more</ThemedText>
-        </ExternalLink>
-      </Collapsible>
-      <Collapsible title="Android, iOS, and web support">
-        <ThemedText>
-          You can open this project on Android, iOS, and the web. To open the web version, press{' '}
-          <ThemedText type="defaultSemiBold">w</ThemedText> in the terminal running this project.
-        </ThemedText>
-      </Collapsible>
-      <Collapsible title="Images">
-        <ThemedText>
-          For static images, you can use the <ThemedText type="defaultSemiBold">@2x</ThemedText> and{' '}
-          <ThemedText type="defaultSemiBold">@3x</ThemedText> suffixes to provide files for
-          different screen densities
-        </ThemedText>
-        <Image
-          source={require('@/assets/images/react-logo.png')}
-          style={{ width: 100, height: 100, alignSelf: 'center' }}
-        />
-        <ExternalLink href="https://reactnative.dev/docs/images">
-          <ThemedText type="link">Learn more</ThemedText>
-        </ExternalLink>
-      </Collapsible>
-      <Collapsible title="Light and dark mode components">
-        <ThemedText>
-          This template has light and dark mode support. The{' '}
-          <ThemedText type="defaultSemiBold">useColorScheme()</ThemedText> hook lets you inspect
-          what the user&apos;s current color scheme is, and so you can adjust UI colors accordingly.
-        </ThemedText>
-        <ExternalLink href="https://docs.expo.dev/develop/user-interface/color-themes/">
-          <ThemedText type="link">Learn more</ThemedText>
-        </ExternalLink>
-      </Collapsible>
-      <Collapsible title="Animations">
-        <ThemedText>
-          This template includes an example of an animated component. The{' '}
-          <ThemedText type="defaultSemiBold">components/HelloWave.tsx</ThemedText> component uses
-          the powerful{' '}
-          <ThemedText type="defaultSemiBold" style={{ fontFamily: Fonts.mono }}>
-            react-native-reanimated
-          </ThemedText>{' '}
-          library to create a waving hand animation.
-        </ThemedText>
-        {Platform.select({
-          ios: (
-            <ThemedText>
-              The <ThemedText type="defaultSemiBold">components/ParallaxScrollView.tsx</ThemedText>{' '}
-              component provides a parallax effect for the header image.
-            </ThemedText>
-          ),
-        })}
-      </Collapsible>
-    </ParallaxScrollView>
-  );
-}
-
-const styles = StyleSheet.create({
-  headerImage: {
-    color: '#808080',
-    bottom: -90,
-    left: -35,
-    position: 'absolute',
-  },
-  titleContainer: {
-    flexDirection: 'row',
-    gap: 8,
-  },
-});
diff --git a/app/(tabs)/mine.tsx b/app/(tabs)/mine.tsx
new file mode 100644
index 0000000..5b0811a
--- /dev/null
+++ b/app/(tabs)/mine.tsx
@@ -0,0 +1,28 @@
+import { ThemedView } from "@/components/themed-view";
+import { Text, TouchableOpacity } from "react-native";
+import { useRouter } from "expo-router";
+
+export default function MainScreen() {
+  const router = useRouter();
+
+  const handleWithdraw = () => {
+    router.push("/withdraw");
+  };
+
+  return (
+   <ThemedView style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
+      <TouchableOpacity
+        onPress={handleWithdraw}
+        style={{
+          backgroundColor: "#007AFF",
+          paddingVertical: 10,
+          paddingHorizontal: 20,
+          borderRadius: 8,
+        }}
+      >
+        <Text style={{ color: "#fff", fontSize: 16 }}>提现</Text>
+      </TouchableOpacity>
+    </ThemedView>
+  )
+}
+    
\ No newline at end of file
diff --git a/app/(tabs)/recharge.tsx b/app/(tabs)/recharge.tsx
new file mode 100644
index 0000000..b102d25
--- /dev/null
+++ b/app/(tabs)/recharge.tsx
@@ -0,0 +1,8 @@
+import { ThemedView } from "@/components/themed-view";
+
+export default function RechargeScreen() {
+  return (
+    <ThemedView>充值</ThemedView>
+  )
+}
+    
\ No newline at end of file
diff --git a/app/withdraw/index.tsx b/app/withdraw/index.tsx
new file mode 100644
index 0000000..2e2905e
--- /dev/null
+++ b/app/withdraw/index.tsx
@@ -0,0 +1,10 @@
+import { ThemedView } from "@/components/themed-view";
+import { Text } from "react-native";
+
+export default function WithdrawScreen() {
+  return (
+    <ThemedView style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
+      <Text style={{ fontSize: 18 }}>提现页面</Text>
+    </ThemedView>
+  );
+}
\ No newline at end of file