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>
);
}
}
