npm.io
0.0.3 • Published 7 years ago

react-native-auto-scroller

Licence
ISC
Version
0.0.3
Deps
0
Size
5 kB
Vulns
0
Weekly
0
Stars
1

NPM

install size dependencies

react-native-auto-scroller

Auto scrolling Component need Dependencies

There are many solutions, but I prefer this one for the best performance. The animations are using useNativeDriver, so they will be send to native and will be perform on the UI thread instead of JS thread.

  • "react": ">=16.8.6"
  • "react-native": ">=0.59"

Installation

npm install --save react-native-auto-scroller

or

yarn add react-native-auto-scroller

Properties

Prop Description Default
style View style _
duration Time to finish a round 10
delay Delay time before start auto scroll animation (ms). 1000

install

npm i react-native-auto-scroller --save
yarn add react-native-auto-scroller

use
import React from "react";
import { AutoScroller } from "react-native-auto-scroller";

class App extends PureComponent {
  render() {
    return (
      <View>
        ...
        <AutoScroller>
          <Image source={myImages} />
          <Image source={myImages} />
          <Image source={myImages} />
          <Image source={myImages} />
        </AutoScroller>
        ...
      </View>
    );
  }
}

Keywords