React-native-animatable: Blinking text with animation

Created on 10 Dec 2017  路  2Comments  路  Source: oblador/react-native-animatable

Can someone please instruct me how to create a blinking text with a fadeIn AND fadeOut animation?
Could not understand from the docs how to implement that.

Thanks for creating this package!

Most helpful comment

You'll just need one component with a fadeIn animation and an alternate direction that runs on an infinite loop (or as many times as you want). The below code should work:

<Animatable.Text animation="fadeIn" iterationCount={"infinite"} direction="alternate">
        Hello World!
</Animatable.Text>

All 2 comments

You'll just need one component with a fadeIn animation and an alternate direction that runs on an infinite loop (or as many times as you want). The below code should work:

<Animatable.Text animation="fadeIn" iterationCount={"infinite"} direction="alternate">
        Hello World!
</Animatable.Text>

I've been experimenting with this issue and improved a bit @JonoH solution:

 <Animatable.Text animation="fadeIn" iterationCount={"infinite"} direction="alternate" delay={2000}>
              <Text>My Text</Text>
</Animatable.Text>
Was this page helpful?
0 / 5 - 0 ratings

Related issues

sundayhd picture sundayhd  路  5Comments

zr0n picture zr0n  路  6Comments

ggomaeng picture ggomaeng  路  5Comments

ovaris picture ovaris  路  4Comments

matheuscastroweb picture matheuscastroweb  路  6Comments