Socket
Socket
Sign inDemoInstall

@animatereactnative/marquee

Package Overview
Dependencies
515
Maintainers
1
Versions
1
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

    @animatereactnative/marquee

A React Native Marquee component


Version published
Weekly downloads
802
decreased by-21.53%
Maintainers
1
Install size
26.9 kB
Created
Weekly downloads
 

Readme

Source

React Native Marquee

https://github.com/catalinmiron/reanimated2-docs/assets/2805320/3b176048-8974-455a-a73d-cf8da29514f3

NPM Version runs with expo npm npm Follow Miron Catalin

React Native Marquee component, a cross-platform marquee component, powered by Reanimated:

  • 🔋 Powered by Reanimated 3
  • 📱 Works with Expo
  • ✅ Cross-platform (iOS, Android, Web)
  • ⚡️ 60-120fps
  • 🪝 Works with any React Native element/component
  • ⌨️ Written in TypeScript

Installation

npm install @animatereactnative/marquee

Also, you need to install react-native-reanimated, and follow their installation instructions.

Usage

import { Marquee } from '@animatereactnative/marquee';

// ...

export function Example() {
  return (
    <Marquee spacing={20} speed={1}>
      <Heading>Powered by AnimateReactNative.com</Heading>
    </Marquee>
  );
}

Props

namedescriptionrequiredtypedefault
childrenAny component that you'd like to apply infinite scrolling / marquee effectYESReact.ReactNode1
speedAnimation speedNOnumber1
spacingSpacing between repeting elementsNOnumber0
styleView style to be applied to Marquee container.NOStyleProp<ViewStyle>

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT


AnimateReactNative.com - Premium and Custom React Native animations.

Keywords

FAQs

Last updated on 25 Aug 2023

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc