Animação em Flutter com Lottie (Flutter Animation Tutorial)
Вставка
- Опубліковано 19 вер 2024
- 📱 Vamos adicionar animações em Flutter usando a biblioteca Lottie. As animações são criadas no Adobe After Effects e exportadas no formato JSON.
👨💻 Código: github.com/dra...
⚙️ Links:
- pub.dev/packag...
- lottiefiles.com/
- lottiefiles.co...
- lottiefiles.co...
📺 Playlist do Curso Flutter na Prática:
• Flutter na Prática
Esse é o melhor canal sobre o Flutter que eu já vi. Sensacional! 👏🏽👏🏽👏🏽
👨💻 🚀 🤩
Parabéns! As explicações são muito boas, estão me ajudando bastante ! Continue assim que o canal vai longe!
Muito obrigado!
Que aula!!!
Valeu Marcelo!
excelente mais uma vez, muito obrigado!
Você é fera, professor! Valeu.
Muito obrigado!!!
Parabéns Diego!
Excelente conteúdo!!!
Muito obrigado!
top demais.
Parabéns pelo ótimo conteúdo! Me ajudou muito. Obrigado
Muito obrigado Cesar!
Falta um curso ministrado por ti na Udemy 😌 aprendo muito com esse canal 🙏
Super Tips é com o Prof. Diego Antunes!
Diego muuuito obrigado pelo excelente conteúdo!!
Parabéns, professor. Top e fácil!
Olá professor, gostei muito do seu vídeo, amei a didática, parabéns !
Muito obrigado!
Incrível adidática!!!
Valeu Eder!
@@drantunes estou iniciando nesse mundo com Flutter, qual o caminha pra não desanimar, sei que é uma pergunta estranha rsrs... Eu estava estudando java para android studio, mas percebi que posso estudar flutter e ter um melhor resultado, criando um app para Android e IOS. Deve me dedicar em flutter ou manter os estudos em um só seguimento, Android Studio java e kotlin?
@@eder.santana_oficial Essa é uma pergunta muito comum Eder! Ambos os nichos tem muito mercado! Como você disse a vantagem do Flutter é trabalhar com multiplataforma com uma única base de código e o mercado está crescendo cada vez mais! Então o ideal é você escolher qual nicho deseja atuar e focar nele! No caso do Flutter, eventualmente, você também irá interagir com o nativo para customizações :)
@@drantunes Alem dos seus cursos no youtube, mais algum curso especifico de flutter e nativo pra iniciante. Porque as vezes tento fazer o acompanhamento feito pelo cdm mas me atrapalho um pouco.
@@eder.santana_oficial Recomendo seguir a playlist Flutter na Prática aqui no canal. É do zero até recursos nativos, uma boa base para entender Flutter e fazer seus projetos. Curso mais completo ainda estou fazendo ;)
Muito bom de verdade.
Boa noite professor. Estou começando no flutter gostaria de saber se é possível colocar duas animações uma sobre a outra na mesma posição quando uma terminar de executar sumir e a outra aparecer? Estou tentando fazer um aplicativo educativo estou apanhando. :) sua didática é muito boa.
É possível sim, não sei se a API do Lottie tem isso por padrão, mas você pode fazer a interpolação entre as animações sim, basta conhecer o tempo de cada uma delas e, então, substitui uma pela outra 👍
Olá professor, tudo bem? Estou migrando agora para o VS Code (venho do Android Studio) uma coisa que me incomoda é os temas do VS code, esse que vc usa me parece mais clean, poderia me dizer qual é esse tema que está usando? Muito obrigado pela atenção.
Esse é o Drácula 👍👍
Ele vem com fundo transparente?
Depende da Animação e das opções de exportações. No meu exemplo sim, repare que o background configuramos para vermelho e a animação está transparente.
eu só conhecia o flare/rive e acabei de conhecer lottie (agora na madruga), fucei a plataforma um pouco e vi que dá pra alterar muita coisa e depois fazer a exportação para um '.json'
Por alguma razão, o meu widget Lottie.network(...) não é exibido. Não há nenhum erro no console, o componente apenas não é renderizado, mesmo que seus vizinhos sejam. A lib foi usada conforme manda a documentação e corretamente instalada. Alguém já experienciou este problema e/ou saberia me dar uma luz?
Vc está usando via link ou baixou o asset no projeto? Se for a opção 1, verifica se há algum problema de permissão no network. Se for a 2 confere se o asset está sendo carregado corretamente.
@@drantunes Não esperava que você fosse me responder em pessoa, então deixa eu começar agradecendo pelo seu tempo, meu rei.
Era a opção 1, então pode ser mesmo uma questão de permissão. Eventualmente, mudei para um arquivo local com o .asset e tudo funcionou de pronto. Essa questão do permissionamento de redes é alguma configuração do yaml? Vou rodar alguns testes futuros para entender melhor.
PS.: você é facilmente o melhor criador de conteúdo para flutter que temos, continue o bom trabalho!
Grande abraço!
@@matheuscardoso6623 é configuração direto no nativo Android e iOS. As vezes o servidor também tem uma configuração CORS restritiva, então mesmo com permissão talvez não consiga acessar (é bem chato isso)
@@drantunes Puts, entendi. É, confesso que ainda sou novo nesse mundo de mobile, estou defasado nos conhecimentos mais profundos de Android. Quem sabe em breve. Obrigado pela conversa, mestre! Até a próxima.
A url não aparece o Json para mim, como faz, atualizou o site?
É possível que sim. Mas pode pegar qualquer outra animação no LottieFiles ;)