react-native-text-ticker
Advanced tools
Comparing version 0.9.0 to 0.10.0
33
index.js
@@ -19,11 +19,12 @@ import React, { PureComponent } from 'react' | ||
static propTypes = { | ||
style: Text.propTypes.style, | ||
duration: PropTypes.number, | ||
loop: PropTypes.bool, | ||
bounce: PropTypes.bool, | ||
scroll: PropTypes.bool, | ||
marqueeOnMount: PropTypes.bool, | ||
marqueeDelay: PropTypes.number, | ||
useNativeDriver: PropTypes.bool, | ||
children: PropTypes.oneOfType([ | ||
style: Text.propTypes.style, | ||
duration: PropTypes.number, | ||
loop: PropTypes.bool, | ||
bounce: PropTypes.bool, | ||
scroll: PropTypes.bool, | ||
marqueeOnMount: PropTypes.bool, | ||
marqueeDelay: PropTypes.number, | ||
useNativeDriver: PropTypes.bool, | ||
onMarqueeComplete: PropTypes.bool, | ||
children: PropTypes.oneOfType([ | ||
PropTypes.string, | ||
@@ -76,3 +77,12 @@ PropTypes.array | ||
animateScroll = () => { | ||
const {duration, marqueeDelay, loop, useNativeDriver, repeatSpacer, easing, children} = this.props | ||
const { | ||
duration, | ||
marqueeDelay, | ||
loop, | ||
useNativeDriver, | ||
repeatSpacer, | ||
easing, | ||
children, | ||
onMarqueeComplete | ||
} = this.props | ||
this.setTimeout(() => { | ||
@@ -86,2 +96,5 @@ Animated.timing(this.animatedValue, { | ||
if (finished) { | ||
if (onMarqueeComplete) { | ||
onMarqueeComplete() | ||
} | ||
if (loop) { | ||
@@ -88,0 +101,0 @@ this.animatedValue.setValue(0) |
{ | ||
"name": "react-native-text-ticker", | ||
"version": "0.9.0", | ||
"version": "0.10.0", | ||
"description": "React Native Text Ticker/Marquee Component", | ||
@@ -5,0 +5,0 @@ "main": "index.js", |
@@ -72,2 +72,3 @@ # react-native-text-ticker | ||
| marqueeDelay | number | true | 0 | Number of milliseconds to wait before starting marquee | ||
| onMarqueeComplete | function | true | - | This function will run after the text has completely passed across the screen. Will run repeatedly if `loop` is enabled. | ||
| useNativeDriver | boolean | true | true | Use native animation driver, should remain true for large majority of use-cases | ||
@@ -74,0 +75,0 @@ | repeatSpacer | number | true | 50 | The space between the end of your text string ticker and the beginning of it starting again. |
12691
249
88