Animate Expo skill

O que ela faz

Segue uma ordem fixa antes de escrever código: decide se aquilo deve animar (troca de aba e o que acontece 100 vezes por dia fica sem animação), dá nome ao motivo da animação e escolhe a ferramenta mais simples que resolve, da transição CSS do Reanimated à tela nativa do Expo Router.

Escreve com Reanimated 4, Gesture Handler, Expo Router e expo-haptics. Anima só transform e opacity, usa mola quando tem dedo envolvido e curvas fixas no resto, e mantém tudo na thread de interface, sem setState em gesto. A vibração sai no mesmo quadro da animação, uma por ação.

A acessibilidade vai junto: respeita o movimento reduzido do sistema e não anima pra altura fixa, que quebra com fonte grande. Pra gaveta, arrastar pra apagar, cabeçalho que encolhe e teclado, parte de receitas prontas. No fim diz o que testar no aparelho: arrastar, interromper no meio, voltar, rodar no Android mais lento.

Nas palavras de quem fez

Quando usar

• Fazer os botões do app reagirem ao toque
• Criar uma gaveta que fecha arrastando pra baixo
• Arrastar pro lado pra apagar um item da lista
• Corrigir animação que engasga no celular
• Colocar vibração na hora certa de uma ação

Depois de instalar, é só pedir assim

• Faz o card da lista encolher um pouco quando eu toco, com vibração leve ao confirmar
• Cria uma gaveta de baixo que fecha arrastando, com mola, no meu app Expo
• A animação de abrir o menu tá travando no Android. Descobre por quê e corrige

Segurança

Gen Agent Trust Hub, Socket e Snyk leem o código da skill atrás de comando perigoso, dado vazando e instrução escondida. Alerta não é reprovação: quer dizer que vale ler o que a skill faz antes de instalar.

• Gen Agent Trust HubPassou
• SocketPassou
• SnykPassou

Perguntas