More Premium Hugo Themes Premium React Themes

React Native Foldview

FoldView implemented in JavaScript

React Native Foldview

FoldView implemented in JavaScript

Author Avatar Theme by jmurzy
Github Stars Github Stars: 1965
Last Commit Last Commit: Jul 28, 2018 -
First Commit Created: Feb 24, 2024 -
React Native Foldview screenshot

Overview

The React Native FoldView is a JavaScript library that allows for the implementation of folding cell animations in React Native applications. Inspired by a Dribbble animation, this library provides a visually appealing way to animate content folding and unfolding.

Features

  • Flip Animation: Supports customizable flip animation with specified duration.
  • Nested FoldViews: Allows nesting of FoldViews with root-only props for control over collapsing and expanding.
  • Customizable Rendering: Provides callbacks to render backface, frontface, and loading views.
  • Animation Events: Callbacks for onAnimationStart and onAnimationEnd events during collapse and expand animations.

Installation

Using npm:

npm install react-native-foldview

Using yarn:

yarn add react-native-foldview

Summary

The React Native FoldView is a versatile library for creating visually appealing folding cell animations in React Native applications. With features like customizable animations, nested FoldViews, and animation event callbacks, developers can easily integrate engaging folding animations into their applications.