robcalcroft
react-native-fade-in-view
JavaScript

:performing_arts: A simple and lightweight RN component that fades in its children

Last updated Jul 5, 2024
47
Stars
11
Forks
4
Issues
0
Stars/day
Attention Score
4
Language breakdown
No language data available.
โ–ธ Files click to expand
README

react-native-fade-in-view npm version

A simple and lightweight RN component that fades in its children

Install

yarn add react-native-fade-in-view or npm install react-native-fade-in-view --save

API

onFadeComplete

A function that is called when the fade animation completes

duration

The duration of the fade animation, 500ms by default

style

Style to be given to the view

Usage

import FadeInView from 'react-native-fade-in-view';

const myFadeInComponent = () => ( <FadeInView duration={750} style={{ alignItems: 'center' }} onFadeComplete={() => alert('Ready')} > <Text>This view will fade in nicely</Text> </FadeInView> );

ยฉ 2026 GitRepoTrend ยท robcalcroft/react-native-fade-in-view ยท Updated daily from GitHub