Ooi, Janile! Como vai?
Tô aqui para ajudar!
Vou deixar abaixo alguns passos:
- Criação dos Componentes:
- Tenha dois estados para o ícone do coração: um para o estado "default" e outro para o estado "favoritado".
- Crie duas tarjas: uma para "adicionado aos favoritos" e outra para "removido dos favoritos".
- Interações:
- No ícone de favorito (estado default):
On Click -> Change to -> Ícone favoritado.On Click -> Open Overlay -> Tarja "adicionado aos favoritos".
- No ícone de favorito (estado favoritado):
On Click -> Change to -> Ícone default.On Click -> Open Overlay -> Tarja "removido dos favoritos".
- Sincronização das Ações:
- Verifique se as ações estão sendo executadas na ordem correta. Algumas ferramentas permitem definir a ordem das ações, então você pode precisar garantir que a mudança de estado do ícone ocorra antes da abertura da tarja.
Veja o exemplo abaixo:
// Exemplo de pseudocódigo para o ícone no estado default
iconeDefault.onClick = function() {
iconeDefault.changeTo(iconeFavoritado);
overlay.show("adicionado aos favoritos");
}
// Exemplo de pseudocódigo para o ícone no estado favoritado
iconeFavoritado.onClick = function() {
iconeFavoritado.changeTo(iconeDefault);
overlay.show("removido dos favoritos");
}
Se a ferramenta que você está usando permite adicionar um pequeno atraso, você pode adicionar um delay na exibição da tarja para garantir que a mudança de estado do ícone ocorra primeiro.
Espero ter ajudado!
Abraço! ✨✨
Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!
