Ir para o conteúdo PET Sistemas de Informação Ir para o menu PET Sistemas de Informação Ir para a busca no site PET Sistemas de Informação Ir para o rodapé PET Sistemas de Informação
  • International
  • Acessibilidade
  • Sítios da UFSM
  • Área restrita

Aviso de Conectividade Saber Mais

Início do conteúdo

Bibliotecas Flutter



Olá pessoal! Nesta edição do PET-Redação iremos fazer uma breve introdução a algumas bibliotecas importantes que irão ajudá-los em seus desenvolvimentos que utilizam o framework Flutter, apresentando alguns de seus recursos e usos.

Se você não conhece esta tecnologia, através deste link é possível acessar o PET Redação que introduz o framework, e explica o processo de instalação. 

 

fl_chart

FL Chart é uma biblioteca utilizada para gerar gráficos customizáveis. Seu uso é simples e permite a criação de diversos tipos de gráficos, tais como Line Chart, Bar Chart, Pie Chart, Scatter Chart, e Radar Chart.  No repositório da biblioteca no github, estão disponíveis diversos tipos de gráficos flexíveis para estilização e configuração. 

 

Vamos para a prática! Através do link é possível acessar 

a documentação da biblioteca para adicionar o fl_chart ao seu projeto.

Após ter seguido as instruções anteriores, será possível utilizar todos os gráficos da biblioteca no seu projeto. Neste exemplo, vamos gerar um Pie Chart como o da imagem abaixo:

                                                                                     

PieChart(

  PieChartData(

    // read about it in the PieChartData section

  ),

  swapAnimationDuration: Duration(milliseconds: 150), // animacao opcional

  swapAnimationCurve: Curves.linear, // animacao opcional

);

Esta é a estrutura básica do Pie Chart, o código completo é possível acessar através do GitHub. 

 

flutter_native_splash

Ao abrir um aplicativo, por padrão a tela fica branca até ele ser carregado. O flutter_native_splash possibilita que você personalize a tela que é mostrada durante o carregamento, sendo possível utilizar modo escuro, tela inteira e opções específicas da plataforma. 

  

A documentação, desde instalação e uso, pode ser acessada através do seguinte link.

 

Animations

Esta biblioteca contém animações pré-construídas e altamente customizáveis, podendo adicioná-las em seu projeto, deixando assim mais estilizado. Dentre as diversas funcionalidades, destacam-se: 

Container transform:

Fade through:

A documentação, desde instalação e uso, pode ser acessada através do seguinte link (https://pub.dev/packages/animations).

 

cached_network_image

Esta biblioteca possibilita que imagens da internet fiquem salvas em Cache. Ou seja, mesmo que o usuário não tenha conexão com a internet, terá acesso a imagem, pois ela já foi acessada anteriormente e ficou salva. 

 

A documentação, desde instalação e uso, pode ser acessada através do seguinte link.

 intro_slider

O Flutter Intro Slider permite o desenvolvimento de intros para seu app, de maneira simples e intuitiva é possível criar uma introdução de maneira rápida.

A documentação, desde instalação e uso, pode ser acessada através do seguinte link.

 

Fontes: 

https://pub.dev/packages/fl_chart/install 

https://pub.dev/packages/flutter_native_splash

https://pub.dev/packages/animations 

https://pub.dev/packages/cached_network_image 

https://pub.dev/packages/intro_slide

Divulgue este conteúdo:
https://ufsm.br/r-791-3283

Publicações Relacionadas

Publicações Recentes