61. Pull-to-Refresh 인디케이터 Design pull-to-refresh interactions: **Standard Implementation**: - Pull threshold: 80px - Indicator appears from top - Release to refresh **Indicator Types**: **Spinner Style**: - Circular progress spinner - Rotates continuously during refresh - Scales in as pulled **Progress Arc Style**: - Arc fills as user pulls - Complete at threshold - Converts to spinner on release **Custom Animation**: - Branded character/icon - Animation plays on pull - Completes during refresh **Pull Phases**: 1. Initial: nothing visible 2. Pulling: indicator appears, grows 3. Threshold: indicator fully visible, haptic feedback 4. Refreshing: loading animation 5. Complete: success state, hides **Visual Feedback**: - Pull distance affects indicator size - Resistance curve near threshold - Snap at threshold point - Haptic at threshold (if available) **Content Offset**: - Content moves down with pull - Indicator in revealed space - Or indicator overlays content **States**: - pulling: scale based on distance - canRefresh: full size, "Release to refresh" - refreshing: spinning, "Refreshing..." - complete: checkmark, "Updated" **Lottie Animation Option**: - Custom branded animation - Scrubbing based on pull distance - Play on refresh phase Tech: React Native + react-native-reanimated + FlatList