New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Pause/Play The TEXT TICKER #108

Open

SonPH088 opened this issue Aug 24, 2021 · 1 comment

SonPH088 commented Aug 24, 2021

Hi all!

is there any way to do the button with ref to pause the animation and play again the animation?

Many Thanks!

Owner

deanhet commented Aug 26, 2021

Sure there is!

You'll want to do something like this (I haven't tested this).

const tickerRef = useRef(null)

<TextTicker ref={tickerRef}>My animated text</TextTicker>

<TouchableOpacity onPress={() => tickerRef.current.startAnimation()}>
  <Text>Start ticker</Text>
</TouchableOpacity>

<TouchableOpacity onPress={() => tickerRef.current.stopAnimation()}>
  <Text>Stop ticker</Text>
</TouchableOpacity>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment