v6-beta.7

Added support to use Text and Image components;
Measure text using onTextLayout to create a better skeleton based on text lines;

Full Changelog: v6-beta.5...v6-beta.7

v6-beta.5

Add SkeletonPlaceholder.Item and SkeletonPlaceholder.View

Full Changelog: v6-beta.4...v6-beta.5

6.0.0-beta.4

Rename property from reverseAnimation to animationBackAndForth

Full Changelog: v6-beta.3...v6-beta.4

6.0.0-beta.3

Refactor the logic to measure the children

Full Changelog: v6-beta.2...v6-beta.3

6.0.0-beta.2

Ensure the skeleton placeholder remains visible when the parent screen’s state changes;
Implement logic to reset the skeleton internally whenever the children change.

6.0.0-beta.1

Hello everyone!

I've been thinking for a long time about rewriting this package to remove the masked-view dependency. Since React Navigation 6 and higher no longer use it, it makes sense to move away from it as well.

Another reason for this rewrite is that I noticed many issues reporting that the package doesn't work with Expo projects, which I know is frustrating.

With these things in mind and a goal to improve the package, I decided to start rewriting it. While it's impossible to eliminate all dependencies, I believe I've reached a solid initial result that I want to share with you.

The new version will require react-native-svg and react-native-reanimated as dependencies. I think this is a good change since most projects already use these libraries.

Here’s what’s different:

• The package now uses svg for masking and gradients, transforming the given layout into equivalent rectangles and circles.
• reanimated handles animations on the native thread, which significantly improves performance.

The first beta version 6.0.0-beta.1 is ready and working well, though it still needs improvements. I'd love to hear your feedback and would really appreciate any help with enhancements.

Thank you all for your support!

🚀 5.2.4

New

• Add shimmerWidth prop to set width into LinearGradient

Fix

• children type error for SkeletonPlaceholderItem

🚀 5.2.3

Fixes:

• Error: While trying to resolve module react-native-skeleton-placeholder

🚀 5.2.1

Fix

• removed deprecated masked-view library
• added (hex | rgb | rgba) support for highlightColor prop

🚀 5.2.0

New

• Add enabled prop, support transforming real layouts with Views, Fragments, Text, Images etc to placeholders. Add third example.
• Add borderRadius prop.
• Add eslint.

Optimization & Refactoring

• Remove usage or MaskedView for animated gradient.
• Proper usage of react hooks.
• Replaced masked-view library by the community one

Fix

• Crash when children or their props are falsy
• Readme updated.