save

app/(tabs)/activity.tsx

@@ -1,11 +1,27 @@
 import { ThemedView } from "@/components/themed-view";
-import { Text, SafeAreaView, StyleSheet } from "react-native";
+import { Text, SafeAreaView, StyleSheet, View, FlatList, ScrollView, TouchableOpacity } from "react-native";
+// import Swiper from 'react-native-swiper';
 
 export default function ActivityScreen() {
   return (
     // SafeAreaView 适配顶部刘海
     <SafeAreaView style={styles.safeAreaContainer}> /
       <ThemedView><Text>活动</Text></ThemedView>
+
+      {/* <Swiper style={styles.wrapper} showsButtons>
+            <View style={styles.slide1}>
+                <Text style={styles.text}>Hello Swiper</Text>
+            </View>
+            <View style={styles.slide2}>
+                <Text style={styles.text}>Beautiful</Text>
+            </View>
+            <View style={styles.slide3}>
+                <Text style={styles.text}>And simple</Text>
+            </View>
+        </Swiper> */}
+
+
+
     </SafeAreaView>
   )
 }
@@ -15,12 +31,32 @@ const styles = StyleSheet.create({
     // 确保 SafeAreaView 占据整个屏幕
     flex: 1,
     // 您可能还需要在这里设置背景颜色，以确保状态栏区域的颜色正确
-    backgroundColor: 'pink'
+    backgroundColor: '#ccc'
   },
+  wrapper: {
+  },
+  slide1: {
+      flex: 1,
+      justifyContent: 'center',
+      alignItems: 'center',
+      backgroundColor: '#9DD6EB'
+  },
+  slide2: {
+      flex: 1,
+      justifyContent: 'center',
+      alignItems: 'center',
+      backgroundColor: '#97CAE5'
+  },
+  slide3: {
+      flex: 1,
+      justifyContent: 'center',
+      alignItems: 'center',
+      backgroundColor: '#92BBD9'
+  },
+  text: {
+      color: '#fff',
+      fontSize: 30,
+      fontWeight: 'bold'
+  }
+});
 
-
-
-
-
-
-});