·animating-react-native-expo
</>

animating-react-native-expo

Создает производительную анимацию и взаимодействие на основе жестов в приложениях React Native (Expo) с использованием React Native Reanimated v4 и React Native Gesture Handler (GestureDetector/hook API). Используйте при реализации движения пользовательского интерфейса, переходов, анимации макета/входа/выхода, переходов/анимации в стиле CSS, интерактивных жестов (панорамирование/сведение/перетаскивание), анимации со ссылкой на прокрутку, рабочих листов/общих значений или отладки производительности анимации и проблем с потоками.

46Установки·1Тренд·@tristanmanchester

Установка

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

Как установить animating-react-native-expo

Быстро установите AI-навык animating-react-native-expo в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/tristanmanchester/agent-skills --skill animating-react-native-expo
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: 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).

Создает производительную анимацию и взаимодействие на основе жестов в приложениях React Native (Expo) с использованием React Native Reanimated v4 и React Native Gesture Handler (GestureDetector/hook API). Используйте при реализации движения пользовательского интерфейса, переходов, анимации макета/входа/выхода, переходов/анимации в стиле CSS, интерактивных жестов (панорамирование/сведение/перетаскивание), анимации со ссылкой на прокрутку, рабочих листов/общих значений или отладки производительности анимации и проблем с потоками. Источник: tristanmanchester/agent-skills.

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/tristanmanchester/agent-skills --skill animating-react-native-expo
Категория
</>Разработка
Проверено
Впервые замечено
2026-02-21
Обновлено
2026-03-10

Browse more skills from tristanmanchester/agent-skills

Короткие ответы

Что такое animating-react-native-expo?

Создает производительную анимацию и взаимодействие на основе жестов в приложениях React Native (Expo) с использованием React Native Reanimated v4 и React Native Gesture Handler (GestureDetector/hook API). Используйте при реализации движения пользовательского интерфейса, переходов, анимации макета/входа/выхода, переходов/анимации в стиле CSS, интерактивных жестов (панорамирование/сведение/перетаскивание), анимации со ссылкой на прокрутку, рабочих листов/общих значений или отладки производительности анимации и проблем с потоками. Источник: tristanmanchester/agent-skills.

Как установить animating-react-native-expo?

Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/tristanmanchester/agent-skills --skill animating-react-native-expo После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Где находится исходный репозиторий?

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