rn-app1/app/(tabs)/activity.tsx

import { ThemedView } from "@/components/themed-view";
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>
  )
}

const styles = StyleSheet.create({
  safeAreaContainer: {
    // 确保 SafeAreaView 占据整个屏幕
    flex: 1,
    // 您可能还需要在这里设置背景颜色，以确保状态栏区域的颜色正确
    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'
  }
});