Is react-native-viewpager still maintained in 2024?

No, the project is deprecated and no longer maintained, as clearly stated in the README. For new projects, consider active alternatives like react-native-swiper or react-native-snap-carousel to avoid future issues.

How to add auto-play to react-native-viewpager?

Set the autoPlay prop to true in the ViewPager component. The library handles automatic page transitions at set intervals, as described in the usage section, making it easy to implement for features like carousels.

react-native-viewpager vs react-native-swiper: which should I use?

react-native-viewpager is deprecated and offers basic JavaScript-only features, while react-native-swiper is actively maintained with more functionality and community support. For new projects, react-native-swiper is generally better due to ongoing updates.

How to implement custom page indicators with react-native-viewpager?

Use the renderPageIndicator prop to render a custom component for page indicators. The README mentions this feature, allowing developers to design unique indicators to show current page position.

Can react-native-viewpager handle infinite scrolling loops?

Yes, set the isLoop prop to true to enable infinite scrolling, allowing seamless navigation by looping back to the start. This is a built-in feature highlighted in the key functionalities.

How to control page transition animations in react-native-viewpager?

Use the animation prop with a function that returns an Animated configuration, as shown in the example. This leverages React Native's Animated API for customizing swipe effects and durations based on gesture velocity.

Open-Awesome

react-native-viewpager

JavaScript

A deprecated JavaScript-only ViewPager component for React Native with auto-play and infinite scrolling.

GitHub

1.4k stars360 forks0 contributors

What is react-native-viewpager?

react-native-viewpager is a React Native component that implements a pager interface for building swipeable page views in mobile apps. It solves the need for a performant, JavaScript-only solution that supports features like auto-play and infinite scrolling across both Android and iOS platforms.

Target Audience

React Native developers building mobile applications that require swipeable page navigation, such as onboarding screens, image galleries, or content carousels.

Value Proposition

Developers choose this library for its pure JavaScript implementation, which avoids native dependencies, and its built-in features like auto-play and infinite scrolling that are not always available in basic React Native components.

Overview

[Deprecated] ViewPager component for React Native

Use Cases

Best For

Creating onboarding screens with swipeable tutorials
Building image galleries or photo viewers with smooth transitions
Implementing content carousels with auto-play functionality
Developing infinite scrolling feeds or paginated content
Adding custom page indicators to pager interfaces
Controlling swipe gestures and animations in mobile UIs

Not Ideal For

New projects requiring long-term maintenance and compatibility with future React Native updates
Teams needing active community support, bug fixes, or frequent feature additions
Applications dependent on modern React Native optimizations or third-party integrations

Pros & Cons

Pros

Pure JavaScript Cross-Platform

Implements pager functionality entirely in JavaScript, ensuring compatibility across Android and iOS without native dependencies, as emphasized in the project's philosophy.

Built-in Auto-Play and Looping

Provides auto-play for automatic page transitions and infinite scrolling (loop) out of the box, key features highlighted in the README for seamless navigation.

Customizable Animations

Supports custom page transition animations through React Native's Animated API, allowing tailored swipe effects as demonstrated in the configuration example.

Efficient Page Handling

Designed to handle hundreds of pages efficiently, similar to ListView, ensuring good performance for large datasets as stated in the description.

Cons

Deprecated and Unmaintained

The README explicitly states '@Deprecated This repo is no more maintenance,' meaning no updates, bug fixes, or support, posing a significant risk for production use.

Limited Documentation and Examples

Beyond basic usage and a sample project, documentation is minimal with no detailed guides or troubleshooting help, making advanced customization challenging.

Potential Compatibility Issues

As a deprecated library, it may not be compatible with newer versions of React Native or other dependencies, leading to unexpected bugs and integration hurdles.

Frequently Asked Questions

Related Projects

react-native-vector-icons

Customizable Icons for React Native with support for image source and full styling.

Stars17,917

Forks2,105

Last commit20 hours ago

lottie-react-native

Lottie wrapper for React Native.

Stars17,211

Forks1,801

Last commit5 days ago

react-native-maps

React Native Mapview component for iOS + Android

Material Design for React Native (Android & iOS)

Stars14,457

Forks2,244

Last commit15 hours ago

Community-curated · Updated weekly · 100% open source

Found a gem we're missing?

Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.

Submit a project Star on GitHub