·animating-react-native-expo
</>

animating-react-native-expo

Crea animazioni performanti e interazioni basate sui gesti nelle app React Native (Expo) utilizzando React Native Reanimated v4 e React Native Gesture Handler (GestureDetector/hook API). Da utilizzare durante l'implementazione di movimenti dell'interfaccia utente, transizioni, animazioni di layout/ingresso/uscita, transizioni/animazioni in stile CSS, gesti interattivi (pan/pizzica/scorri/trascina), animazioni con collegamento a scorrimento, worklet/valori condivisi o debug di problemi di prestazioni e threading delle animazioni.

46Installazioni·1Tendenza·@tristanmanchester

Installazione

$npx skills add https://github.com/tristanmanchester/agent-skills --skill animating-react-native-expo

Come installare animating-react-native-expo

Installa rapidamente la skill AI animating-react-native-expo nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/tristanmanchester/agent-skills --skill animating-react-native-expo
  3. Verifica l'installazione: Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Fonte: tristanmanchester/agent-skills.

React Native (Expo) animations — Reanimated v4 + Gesture Handler

1) Simple state change (hover/pressed/toggled, small style changes): use Reanimated CSS Transitions. 2) Mount/unmount + layout changes (lists, accordions, reflow): use Reanimated Layout Animations.

3) Interactive / per-frame (gestures, scroll, physics, drag): use Shared Values + worklets (UI thread).

Crea animazioni performanti e interazioni basate sui gesti nelle app React Native (Expo) utilizzando React Native Reanimated v4 e React Native Gesture Handler (GestureDetector/hook API). Da utilizzare durante l'implementazione di movimenti dell'interfaccia utente, transizioni, animazioni di layout/ingresso/uscita, transizioni/animazioni in stile CSS, gesti interattivi (pan/pizzica/scorri/trascina), animazioni con collegamento a scorrimento, worklet/valori condivisi o debug di problemi di prestazioni e threading delle animazioni. Fonte: tristanmanchester/agent-skills.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/tristanmanchester/agent-skills --skill animating-react-native-expo
Categoria
</>Sviluppo
Verificato
Prima apparizione
2026-02-21
Aggiornato
2026-03-10

Browse more skills from tristanmanchester/agent-skills

Risposte rapide

Che cos'è animating-react-native-expo?

Crea animazioni performanti e interazioni basate sui gesti nelle app React Native (Expo) utilizzando React Native Reanimated v4 e React Native Gesture Handler (GestureDetector/hook API). Da utilizzare durante l'implementazione di movimenti dell'interfaccia utente, transizioni, animazioni di layout/ingresso/uscita, transizioni/animazioni in stile CSS, gesti interattivi (pan/pizzica/scorri/trascina), animazioni con collegamento a scorrimento, worklet/valori condivisi o debug di problemi di prestazioni e threading delle animazioni. Fonte: tristanmanchester/agent-skills.

Come installo animating-react-native-expo?

Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/tristanmanchester/agent-skills --skill animating-react-native-expo Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Dov'è il repository sorgente?

https://github.com/tristanmanchester/agent-skills