From e384316b44ad52d0fb8696189409cc32df721a0b Mon Sep 17 00:00:00 2001 From: Vegas <“qazmm69@gmail.com”> Date: Tue, 11 Nov 2025 11:05:35 +0700 Subject: [PATCH] save --- app/(tabs)/activity.tsx | 52 ++++++++++++++++++++++++++++++++++------- package-lock.json | 12 ++++++++-- package.json | 1 + 3 files changed, 55 insertions(+), 10 deletions(-) diff --git a/app/(tabs)/activity.tsx b/app/(tabs)/activity.tsx index 1b5954c..7ed553f 100644 --- a/app/(tabs)/activity.tsx +++ b/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 适配顶部刘海 / 活动 + + {/* + + Hello Swiper + + + Beautiful + + + And simple + + */} + + + ) } @@ -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' + } +}); - - - - - -}); \ No newline at end of file diff --git a/package-lock.json b/package-lock.json index ec5aa99..552a3c9 100644 --- a/package-lock.json +++ b/package-lock.json @@ -31,6 +31,7 @@ "react-native-reanimated": "~4.1.1", "react-native-safe-area-context": "~5.6.0", "react-native-screens": "~4.16.0", + "react-native-swiper": "^1.6.0", "react-native-web": "~0.21.0", "react-native-worklets": "0.5.1" }, @@ -10316,7 +10317,6 @@ "version": "15.8.1", "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz", "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==", - "dev": true, "license": "MIT", "dependencies": { "loose-envify": "^1.4.0", @@ -10328,7 +10328,6 @@ "version": "16.13.1", "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==", - "dev": true, "license": "MIT" }, "node_modules/punycode": { @@ -10619,6 +10618,15 @@ "react-native": "*" } }, + "node_modules/react-native-swiper": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/react-native-swiper/-/react-native-swiper-1.6.0.tgz", + "integrity": "sha512-OnkTTZi+9uZUgy0uz1I9oYDhCU3z36lZn+LFsk9FXPRelxb/KeABzvPs3r3SrHWy1aA67KGtSFj0xNK2QD0NJQ==", + "license": "MIT", + "dependencies": { + "prop-types": "^15.5.10" + } + }, "node_modules/react-native-web": { "version": "0.21.2", "resolved": "https://registry.npmjs.org/react-native-web/-/react-native-web-0.21.2.tgz", diff --git a/package.json b/package.json index da18efd..a5b7633 100644 --- a/package.json +++ b/package.json @@ -34,6 +34,7 @@ "react-native-reanimated": "~4.1.1", "react-native-safe-area-context": "~5.6.0", "react-native-screens": "~4.16.0", + "react-native-swiper": "^1.6.0", "react-native-web": "~0.21.0", "react-native-worklets": "0.5.1" },