Skip to content

Conversation

alexz88dev
Copy link
Contributor

Summary

This PR updates the Shimmer component's internal gradientWrapper to use StyleSheet.absoluteFillObject.

Previously, the animated gradient had a fixed internal width of 100px. This change makes the gradient dynamically fill the entire area of the Shimmer component, providing a more intuitive full-area shimmer effect by default. Gradient customization props (linearGradients, gradientStart, gradientEnd) will now apply relative to the component's full dimensions.

Test plan

  1. Render a Shimmer component.
    • Expected: The shimmer animation now covers the entire component area, not just a 100px wide band.
  2. Render a Shimmer component wider than 100px with custom linearGradients.
    • Expected: The custom gradient colors now span the full width of the component.

@Q1w1N Q1w1N merged commit 4fe2acf into callstack:main May 14, 2025
4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants