Building Animations in Expo

emilkowalski/skills

Build animations in React Native and Expo, making the decisions in the order that determines whether they feel right — should it animate, which thread it runs on, which properties, spring or timing, how the gesture hands off, how it degrades. Writes the implementation with Reanimated, Gesture Handler, Expo Router and expo-haptics. Use when animating anything in an Expo app, adding gestures, sheets, screen transitions, press feedback or haptics, or fixing motion that stutters on device. For web animation use `animate`.

Материал обновлён:

В коллекцииEmil Kowalski Design Skills ↗
Открыть на GitHub
npx skills add emilkowalski/skills --skill animate-expo
56 965Звёзды3 336ФоркиПоследний push репозитория

Об этом Skill

Build animations in React Native and Expo, making the decisions in the order that determines whether they feel right — should it animate, which thread it runs on, which properties, spring or timing, how the gesture hands off, how it degrades. Writes the implementation with Reanimated, Gesture Handler, Expo Router and expo-haptics. Use when animating anything in an Expo app, adding gestures, sheets, screen transitions, press feedback or haptics, or fixing motion that stutters on device. For web animation use `animate`.

Почему мы его выбрали

Summarized from the original emilkowalski/skills SKILL.md by Emil Kowalski; the original upstream instructions were used.

Для каких задач подходит

  • Use this workflow when the task matches the original Building Animations in Expo instructions.

Перед использованием

  • Read the original SKILL.md and referenced files in emilkowalski/skills.

Источники и материалы

Ссылки на оригинальные материалы приведены ниже. Практические идеи предложены редакцией SkillHey.