Skip to content

borderRadius is not animated (and it's jarring) in some circumstances #29

@dcorbin

Description

@dcorbin

I'm using borderRadius to make circular holes. However, when the diameter of the circle is reduced, it's quite jarring even when animated. I believe the border radius not animated.

  1. Make large circular hole.
  2. Replace it with a smaller circular hole and animate the change.

The visual jumps from a large circle to a large square with small rounded corners.

Note: this only happens when making the circle smaller. Not when making it larger. This suggests that my immediate problem could be solved by choosing when to update borderRadius bases on the whether it's increasing or decreasing, but I can image other edge cases where this might not be as good as proper animation.

Example: https://github.com/dcorbin/RNHoleViewBug/tree/borderRadius_bug

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions