{"library":"react-native-swiper","title":"React Native Swiper Component","description":"react-native-swiper is a widely used, feature-rich swiper/carousel component designed for React Native applications. As of its latest stable release, v1.6.0, it provides a highly customizable solution for displaying paginated content, supporting both iOS and Android platforms. The library focuses on providing a smooth user experience with features like autoplay, infinite looping, flexible pagination dots, and lazy loading for performance optimization via `loadMinimal`. It supports TypeScript out-of-the-box, shipping with correct type definitions, and has recently moved away from `ViewPagerAndroid` to `ScrollView` for improved compatibility and reduced dependency footprint. The project maintains an active development pace with consistent bug fixes and new features, though no strict release cadence is formally documented. Its key differentiators include extensive prop-based customization for styling and behavior, robust platform support, and a history of addressing common React Native carousel challenges.","language":"javascript","status":"active","last_verified":"Tue Apr 21","install":{"commands":["npm install react-native-swiper"],"cli":null},"imports":["import Swiper from 'react-native-swiper'","import type { SwiperProps } from 'react-native-swiper'"],"auth":{"required":false,"env_vars":[]},"quickstart":{"code":"import React from 'react';\nimport { View, Text, StyleSheet } from 'react-native';\nimport Swiper from 'react-native-swiper';\n\nconst App = () => {\n  return (\n    <Swiper style={styles.wrapper} showsButtons loop autoplay>\n      <View style={styles.slide1}>\n        <Text style={styles.text}>Hello Swiper</Text>\n      </View>\n      <View style={styles.slide2}>\n        <Text style={styles.text}>Beautiful</Text>\n      </View>\n      <View style={styles.slide3}>\n        <Text style={styles.text}>And simple</Text>\n      </View>\n    </Swiper>\n  );\n};\n\nconst styles = StyleSheet.create({\n  wrapper: {},\n  slide1: {\n    flex: 1,\n    justifyContent: 'center',\n    alignItems: 'center',\n    backgroundColor: '#9DD6EB',\n  },\n  slide2: {\n    flex: 1,\n    justifyContent: 'center',\n    alignItems: 'center',\n    backgroundColor: '#97CAE5',\n  },\n  slide3: {\n    flex: 1,\n    justifyContent: 'center',\n    alignItems: 'center',\n    backgroundColor: '#92BBD9',\n  },\n  text: {\n    color: '#fff',\n    fontSize: 30,\n    fontWeight: 'bold',\n  }\n});\n\nexport default App;","lang":"typescript","description":"This example demonstrates a basic `Swiper` component with three slides, infinite loop, autoplay, and navigation buttons.","tag":null,"tag_description":null,"last_tested":null,"results":[]},"compatibility":null}