question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

maskElement cannot be animated on Android

See original GitHub issue

In MaskedElementIOS, maskElement can be nicely animated, however it doesn’t seem to work on Android with this component.

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Reactions:14
  • Comments:22

github_iconTop GitHub Comments

5reactions
wcandilloncommented, Dec 24, 2019

I have another use case for an animated maskElement that doesn’t work on Android, let me know if this is helpful to provide it.

Right now, the best workaround to this is to use ClipPath from RN SVG but this has serious limitations.

2reactions
Alb93commented, May 12, 2020

Hi @wcandillon, still not able to make your liquid-swipe example working with the latest react-native-masked-view version. Any suggestion?

UPDATE: I was missing react-native-gesture-handler android setup. Now it’s working like a charm 😃

Read more comments on GitHub >

github_iconTop Results From Across the Web

Layout animation not working on first run - Stack Overflow
When a view is initially set as gone in the xml file, Android will not render the layout until the visibility is changed...
Read more >
<mask> - SVG: Scalable Vector Graphics - MDN Web Docs
The <mask> element defines an alpha mask for compositing the current object into the background. A mask is used/referenced using the mask ...
Read more >
Implementing Twitter's App Loading Animation in React Native
Twitter's iOS app has a loading animation I quite enjoy. ... You can't animate things like background color with useNativeDriver , at least ......
Read more >
Animation resources - Android Developers
An animation resource can define one of two types of animations: Property Animation: Creates an animation by modifying an object's property ...
Read more >
react-native-svg - npm
react-native@0.29.0 and 0.29.1 cannot work with Android link properly:here. Or use rnpm instead: rnpm link react-native-svg ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found