What's Included
- TypeScript source (Input.tsx)
- Demo App.tsx wiring (KeyboardProvider + GestureHandlerRootView)
- SF Pro Rounded font assets
- README with install + usage
- MP4 preview
About the Project
Built with react-native-reanimated shared values driving an interpolated translateX on a rotated expo-linear-gradient band. @react-native-masked-view/masked-view clips the gradient to a mask that clones the input's rounded border and placeholder text, so a single sweep visually highlights both at once. Focus cancels the looping shimmer and runs a one-shot linear sweep; blur restarts the loop only when the field is empty. Placeholder fade is handled by a second shared value with withSpring to keep the masked text in sync with the live TextInput. Tested on Expo SDK 56 (iOS + Android); requires a development build because of the masked-view and keyboard-controller native modules.