如何在React Native中创建无导航屏幕的旋转木马视图

npm install react-native-snap-carousel --save

import Carousel from 'react-native-snap-carousel';

const carouselData = [
  { title: 'Item 1', image: require('./images/item1.jpg') },
  { title: 'Item 2', image: require('./images/item2.jpg') },
  { title: 'Item 3', image: require('./images/item3.jpg') },
];

render() {
  return (
    <Carousel
      data={carouselData}
      renderItem={({ item }) => (
        <View style={styles.carouselItem}>
          <Image source={item.image} style={styles.carouselImage} />
          <Text style={styles.carouselTitle}>{item.title}</Text>
        </View>
      )}
      sliderWidth={300}
      itemWidth={200}
    />
  );
}

const styles = StyleSheet.create({
  carouselItem: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
    backgroundColor: 'white',
    borderRadius: 5,
    elevation: 3,
    shadowOffset: { width: 0, height: 2 },
    shadowColor: 'black',
    shadowOpacity: 0.3,
    shadowRadius: 3,
    marginHorizontal: 10,
  },
  carouselImage: {
    width: 150,
    height: 150,
    borderRadius: 5,
  },
  carouselTitle: {
    marginTop: 10,
    fontSize: 16,
    fontWeight: 'bold',
  },
});