Skip to content

Commit 7515f27

Browse files
committed
chore: if linting
1 parent 4f43942 commit 7515f27

2 files changed

Lines changed: 16 additions & 17 deletions

File tree

README.md

Lines changed: 16 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,13 @@
1-
<div align="center">
1+
<div>
22
<h1>React Native Stagger</h1>
33

4-
![AnimateReactNative.com - Premium and Custom React Native animations.](./animatereactnative-stagger-preview.gif)
4+
<img alt="AnimateReactNative.com - Premium and Custom React Native animations." src="./animatereactnative-stagger-preview.gif" align="right"/>
55

66
[![NPM Version](https://img.shields.io/npm/v/@animatereactnative/stagger.svg?style=flat&color=black)](https://www.npmjs.org/package/@animatereactnative/stagger) [![runs with expo](https://img.shields.io/badge/Runs%20with%20Expo-4630EB.svg?style=flat-square&logo=EXPO&labelColor=f3f3f3&logoColor=000)](https://expo.io/) [![npm](https://img.shields.io/npm/l/@animatereactnative/stagger?style=flat-square)](https://www.npmjs.com/package/@animatereactnative/stagger) [![npm](https://img.shields.io/badge/types-included-blue?style=flat-square)](https://www.npmjs.com/package/@animatereactnative/stagger) <a href="https://twitter.com/mironcatalin"><img src="https://img.shields.io/twitter/follow/mironcatalin?label=Follow @mironcatalin&color=black" alt="Follow Miron Catalin"></a>
77

8-
</div>
8+
React Native Stagger component, a cross-platform stagger orchestrator component, powered by Reanimated:
99

10-
React Native Stagger component, a cross-platform marquee component, powered by Reanimated:
10+
</div>
1111

1212
- 🔋 Powered by **Reanimated 3** Layout Animations
1313
- 📱 Works with **Expo**
@@ -48,18 +48,18 @@ export function Example() {
4848

4949
## Props
5050

51-
| name | description | required | type | default |
52-
| ---------------------- | ------------------------------------------------------------------------------------------------------------ | -------- | ------------------------------- | ------- | ------------- |
53-
| `children` | Any component that you'd like to apply infinite scrolling / marquee effect | YES | `React.ReactNode` | 1 |
54-
| `stagger` | Stagger duration between elements | NO | `number` | 50 |
55-
| `duration` | Enter/Exit animation duration | NO | `number` | 400 |
56-
| `enterDirection` | The direction of the animation. `1 -> top to bottom`, `-1 -> bottom to top` | NO | `number` | 0 |
57-
| `exitDirection` | The direction of the animation. `1 -> top to bottom`, `-1 -> bottom to top` | NO | `number` | 0 |
58-
| `initialEnteringDelay` | Initial enter animation delay | NO | number | | 1 |
59-
| `initialExistingDelay` | Initial exit animation delay | NO | number | | -1 |
60-
| `enter` | [Reanimated Enter animation](https://www.reanimated3.com/docs/layout-animations/entering-exiting-animations) | NO | `() => ComplexAnimationBuilder` | | `FadeInDown` |
61-
| `exiting` | [Reanimated Exit animation](https://www.reanimated3.com/docs/layout-animations/entering-exiting-animations) | NO | `() => ComplexAnimationBuilder` | | `FadeOutDown` |
62-
| `style` | View style to be applied to Marquee container. | NO | `StyleProp<ViewStyle>` | |
51+
| name | description | required | type | default |
52+
| ---------------------- | ------------------------------------------------------------------------------------------------------------ | -------- | ------------------------------- | ------------- |
53+
| `children` | Any component that you'd like to apply infinite scrolling / marquee effect | YES | `React.ReactNode` | 1 |
54+
| `stagger` | Stagger duration between elements | NO | `number` | 50 |
55+
| `duration` | Enter/Exit animation duration | NO | `number` | 400 |
56+
| `enterDirection` | The direction of the animation. `1 -> top to bottom`, `-1 -> bottom to top` | NO | `number` | 0 |
57+
| `exitDirection` | The direction of the animation. `1 -> top to bottom`, `-1 -> bottom to top` | NO | `number` | 0 |
58+
| `initialEnteringDelay` | Initial enter animation delay | NO | number | 1 |
59+
| `initialExistingDelay` | Initial exit animation delay | NO | number | -1 |
60+
| `enter` | [Reanimated Enter animation](https://www.reanimated3.com/docs/layout-animations/entering-exiting-animations) | NO | `() => ComplexAnimationBuilder` | `FadeInDown` |
61+
| `exiting` | [Reanimated Exit animation](https://www.reanimated3.com/docs/layout-animations/entering-exiting-animations) | NO | `() => ComplexAnimationBuilder` | `FadeOutDown` |
62+
| `style` | View style to be applied to Marquee container. | NO | `StyleProp<ViewStyle>` | |
6363

6464
## Contributing
6565

src/index.tsx

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,6 @@
11
import * as React from 'react';
22

33
import Animated, {
4-
SequencedTransition,
54
ComplexAnimationBuilder,
65
FadeInDown,
76
FadeOutDown,

0 commit comments

Comments
 (0)