Pegasus - Flutter - Bootstrap

T2Ti

Flutter Bootstrap


Nossa primeira tarefa para o Pegasus é a seguinte: UX para telas maiores. Nós já temos responsividade, mas quando a aplicação é apresentada numa tela grande ela fica 'feia', não é uma boa experiência para o usuário.

Nos vídeos abaixo você verá como usar o Flutter Bootstrap para conseguir realizar essa tarefa.

Introdução


Vídeo introdutório:
  • Documentação
  • Download do Pacote
  • Criando e testando o projeto de exemplo
É necessário fazer o login no site para assistir este vídeo


Detalhe Page


Neste vídeo você verá como utilizar o Flutter Bootstrap na nossa página de detalhe. Para esse primeiro exemplo nós usamos a página de detalhe da Agência.

É necessário fazer o login no site para assistir este vídeo


Persiste Page


Neste vídeo você verá como utilizar o Flutter Bootstrap na nossa página de persistência. Para esse primeiro exemplo nós usamos a página de detalhe da Agência.

É necessário fazer o login no site para assistir este vídeo


Espaço entre Colunas


Neste vídeo você verá como adicionar um espaço entre colunas que passam a ocupar duas linhas dependendo do tamanho da tela.

É necessário fazer o login no site para assistir este vídeo