Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

react-native-marquee-view

minhchienwikipedia1.4kMIT1.0.5TypeScript support: included

React Native Draggable View

react-native, react-native-marquee-view, auto scroll, marquee

readme

React Native Marquee View

npm version

Help you auto scroll content

Demo

Getting started

npm install react-native-marquee-view --save
  • OR
yarn add react-native-marquee-view

Usage

import MarqueeView from 'react-native-marquee-view';

<MarqueeView
    style={{
        backgroundColor: 'blue',
        width: 200,
    }}>
    <View style={{ backgroundColor: 'red' }}>
        <Text>This is demo content</Text>
    </View>
</MarqueeView>

Properties

Prop Description Default
style View style _
speed Speed 0.1
delay Delay time before start auto scroll animation (ms). 0
autoPlay Auto start when it's mount true
playing You can put state value to this prop to handle play/stop depend on value _

Method:

  • start: Start animation
  • stop: Reset animation

More

This package inspired by https://github.com/homielab/react-native-auto-scroll

License

This module is MIT licensed