react-native-ease-ticker 🚀

Ultra-lightweight ticker component for React Native, powered by react-native-ease.

• Native Performance: Animations run on the native thread (Core Animation/Android Animator).
• Smooth Reverse Loop: Clean and simple animated movement.
• TypeScript: Written in TypeScript with full type support.
• Minimalist: Tiny codebase, no complex dependencies.

Installation

npm install react-native-ease-ticker react-native-ease

Usage

import { Ticker } from 'react-native-ease-ticker';

export default function App() {
  return (
    <Ticker duration={10000}>
      <Text>Your animated content here</Text>
    </Ticker>
  );
}

Props

| Prop | Type | Default | Description | | :--- | :--- | :--- | :--- | | children | ReactNode | Required | Content to be animated. | | duration | number | 10000 | Duration of the animation loop in ms. | | easing | EasingType | 'linear' | Easing function. | | style | ViewStyle | - | Style for the container. |

Made by kyrylokap