What's Included
- TypeScript source (Container.tsx)
- StarIcon + SvgIcon SVG components
- Demo entry (App.tsx)
- README with install + usage
- MP4 preview
About the Project
Driven by a single react-native-reanimated v4 shared value that runs a 0 -> 1 wind-up and then loops 1 -> 5; the integer stops feed interpolateColor for the background, label, and star fill, while the star's rotation advances a multiple of 90deg per unit so the loop seam is invisible. The label crossfade is per-letter, each character driven by its own useAnimatedStyle worklet on the UI thread, and the stop sequence finishes the current cycle before rolling back so there is no visual snap. Press scaling comes from pressto (PressableScale); glyphs are react-native-svg with the star fill animated via useAnimatedProps. Reanimated 4 requires the New Architecture and react-native-worklets. Tested on Expo SDK 56 (iOS + Android); no custom native code.
