TranslateX text on decimal changes?

[slorber]

Just an improvement idea: what about translating the existing text when introducing a new tick?

I mean when text changes from 1$ to 10000$ we could have a better animation

[browniefed]

It does translate existing text. Do you mean translating new text when it is mounted?

[slorber]

I mean translating on the X axis, not the Y. If char width = 100, going from text=1 to text=100 means the 1 is translateX: 200

[browniefed]

I see what you're saying. If you had 1, then 100, you'd want the 1 to translate it's position to the first slot, and the 00 to then appear.

This would require much more layout knowledge than I require for my current day job needs. I'll look into making it happen, but I'll see about how to re-work the API to be backwards compatible for something like this.

[slorber]

yes that's it.

It looks pretty complicated as you need the size of every char. I suppose the lib does not only handle chars but we can make rotate multichar strings as well no? I mean rotateItems={['ab','cd]} is ok? Also wonder if all chars have the same width in RN for all fonts.

[browniefed]

You need more than the size, you need width/height, as well as current position and final position.
Current position and final position can be deduced from combo of widths of course.

I personally don't need this feature but I'll see about building it..

You could do multiCharacter rotations by supplying rotateItems like you just did there yes.

However that's not a use case I have supported, I'd need to measure widths of everything the, as I believe the width of <Text>a</Text><Text>b</Text> would be different than <Text>ab</Text>

[browniefed]

So now it's in reanimated. I don't know if you care anymore but I'm also measuring and animating widths now.

[slorber]

great :) won't have time to test this right now but will try sooner or later thanks