Is it possible to use animation or integrate unistyles with reanimated?

[NikPyzhevsky]

Is there any way we can do this using plugins or anything else?

[jpudysz]

You can mix Reanimated with Unistyles freely. What do you mean? What is your use case?

[NikPyzhevsky]

I mean something like that :

const stylesheet = createStyleSheet((theme) => ({
  root: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: theme.shared.background.primary,
  },
  animated_style: (progress: SharedValue<number>) => ({
    opacity: progress.value
  }), 
}));

Although now looking at core reanimated it looks like it would be easier to just try to make a babel plugin somehow or gut core reanimated but they ask not to do this

[jpudysz]

I'm also against it, what are the benefits? I would need to maintain another integration which is not perfect.

[NikPyzhevsky]

I am just playing around to find a way to use animations without hooks. Mb there is some way to integrate animations with stylesheet(not necessarily reanimated).

[jpudysz]

ATM no, but with Unistyles 3.0 it will be possible (different architecture). As of now I don't have any plans to implement it