Open Source — React Native Ticker

Create rotating animations in React Native. Works with Android & iOS and features fontSizes, commas, decimals, negative values, and currencies!

Brandon Morelli
codeburst

--

Hey everyone — Happy Open Source Friday! Today I want to show you React Native Ticker. RN Ticker is an open source project created by Jason Brown. It’s a simple way to implement ticking numbers in your React Native applications. Numbers can include negative values, decimals, and currencies.

As outlined in the documentation, using the Ticker is quite easy. Simply import the Ticker then put it to use in as few as one line of code:

import Ticker from "react-native-ticker";

<Ticker text={"125"} textStyle={styles.text} rotateTime={250} />;

There’s already been a few cool animations shared on Twitter:

Download

Head on over to the React Native Ticker GitHub to learn more, or you can download the package from NPM.

Closing Notes:

Thanks for reading! If you’re ready to finally learn Web Development, check out: The Ultimate Guide to Learning Full Stack Web Development in 6 months.

I publish 4 articles on web development each week. Please consider entering your email here if you’d like to be added to my once-weekly email list, or follow me on Twitter.

If this post was helpful, please click the clap 👏 button below a few times to show your support! ⬇⬇

--

--

Creator of @codeburstio — Frequently posting web development tutorials & articles. Follow me on Twitter too: @BrandonMorelli