Скачать или смотреть Links de navegação com Estado Ativo no FLUTTERFLOW - Parte 1

#flutterflow #howto #comofazer #tutorial #ui #ux #appdevelopment #nocode #lowcode #uxdesign #uidevelopment #link

Melhore a UX do seu app aplicando esta forma de estilizar links de navegação baseado no estado ativo conforme a rota/pagina/tela atual.

Nesta primeira parte vamos entender como funcionará este formato e também criar a estrutura inicial dos links de navegação em uma Sidebar.

💡 Neste vídeo você vai:
Aprender a melhorar a experiência do usuário (UX)
Representar visualmente para o usuário em qual rota/pagina/tela ele esta.
Aprender a criar estados de hover (ao passar o mouse sobre um elemento mudar seu visual)

Tópicos do vídeo:
00:00 Informações iniciais
01:00 Forma tradicional de fazer este comportamento
01:55 Princípios de navegação no Flutterflow
05:30 Iniciando estrutura necessária
07:30 Criando as paginas para navegação
09:00 Criando enumerado de rotas de páginas da aplicação
10:20 Criando DataType estrutura de dados dos links
11:30 Criando AppState de links de navegação
13:15 Gerando links de navegação dinâmicamente (baseado no AppState)
14:10 Criando link de navegação
17:00 Estado visual de Hover (ao passar o mouse sobre o link)
18:50 Criando parâmetro dinâmico para o link
20:00 Ícones condicionais para cada página no link
24:00 Visual do link com hover (quando o mouse estiver em cima)
27:00 Benefícios de componentizar o link
28:55 Demonstração
29:45 Detalhe importante

🔗 Aprenda a utilizar os Tokens de cores do vídeo:    • Como IMPORTAR Paleta de CORES CUSTOMIZADAS...  
🔗 Parte 2:    • Links de navegação com Estado Ativo no FLU...  

Esta aula foi útil pra você? Marque com gostei e este vídeo será automaticamente adicionado à playlist "Marcados com Gostei" e você nunca o perderá 🙌