More Premium Hugo Themes Premium React Themes

React Native Pull Refresh

Custom pull to refresh component for Android

React Native Pull Refresh

Custom pull to refresh component for Android

Author Avatar Theme by nadikuts
Github Stars Github Stars: 564
Last Commit Last Commit: May 20, 2021 -
First Commit Created: Feb 24, 2024 -
React Native Pull Refresh screenshot

Overview:

Custom Android Pull to Refresh is a package that allows users to override the default circle android animation provided by react-native during the refreshing phase. It enables users to add their own custom animations easily, providing a solution to a gap in the standard RefreshControl feature.

Features:

  • Custom Animation Override: Allows users to add custom animations during the refreshing phase.
  • Lottie Integration: Utilizes Lottie package for rendering Adobe After Effect animations natively.
  • Easy Installation: Simple installation process for adding custom animations to react-native apps.
  • General Props: Includes props for setting refresh state, pull distance, callbacks, and more.

Installation:

To install the Custom Android Pull to Refresh package, follow these steps:

  1. Install the package using either npm or yarn:

    npm install custom-android-pull-to-refresh
    

    or

    yarn add custom-android-pull-to-refresh
    
  2. Install and link the Lottie package for rendering Adobe After Effect animations:

    npm install lottie-react-native
    react-native link lottie-react-native
    

Summary:

Custom Android Pull to Refresh provides a solution for customizing the animation during the refreshing phase in react-native apps. By leveraging the Lottie package and following the simple installation process, users can easily add their own unique animations to enhance the user experience. With features like custom animation override and general props for customization, this package offers a versatile solution for developers looking to add a personalized touch to their pull to refresh functionality.