react-native-reanimated: Animation not works on android

Description

Hey, I’m using react-native-reanimated for animated comments that enter the chat, The problem is that the animation works for iOS but for android there is no animation at all.

This is the code I’m using:

` <Animated.View entering={SlideInRight.duration(200)} exiting={SlideOutRight.duration(200)}

  <TouchableOpacity onPress={() => setIsCommentInput(true)}>
    {!isCommentInput && !isLandscape && (
      <CommentIcon
        style={{
          position: 'absolute',
          bottom: SIZES.xSmall,
          right: 22,
          zIndex: 99,
        }}
      />
    )}
  </TouchableOpacity>
</Animated.View>

`

Why can it work only for iOS?

Steps to reproduce

Ios works fine Android not works at all

Reanimated version

3.8.1

React Native version

0.73.5

Platforms

Android, iOS

Device

Iphone 15 pro (animation works) Pixel 7 emulator (animation does not work) I tried on several Android devices, and the animation still does not work.

Acknowledgements

Yes

About this issue

  • Original URL
  • State: closed
  • Created 3 months ago
  • Reactions: 1
  • Comments: 25 (7 by maintainers)

Most upvoted comments

@dreiLDG @razamsalem Hey! Please check whether you have reduce motion setting on your devices - having it enabled disables all the animations.