O presente artigo aborda uma breve introdução sobre o que é, e como funciona o Flutter Framework, com o objetivo de demonstrar essa ferramenta de desenvolvimento de aplicativos mobile que está sendo utilizada por alguns desenvolvedores na indústria de software atualmente. Ao longo do trabalho será apresentado a história, funcionalidades e também a arquitetura do Flutter Framework.
Palavras-chave: Flutter. Framework. Mobile. Android. IOS
INTRODUÇÃO
Os aplicativos móveis estão tornando-se cada vez mais populares e presentes na vida das pessoas. O número de downloads desses aplicativos tem apresentado forte crescimento e é notável o aumento do interesse das pessoas por mobilidade. Isso está ligado principalmente à constante evolução dos dispositivos móveis, que tem apresentado capacidade de processamento e armazenamento cada vez maiores. Android e iOS predominam no mercado de sistemas operacionais para smartphones, os dispositivos móveis mais utilizados atualmente. A Tabela 1 demonstra que as vendas globais de smartphones equipados com Android no primeiro trimestre de 2018 representaram a imensa maioria, chegando a 85,9% do total, segundo dados da Gartner (2018). Os outros 14,1% são de smartphones equipados com iOS. Todos os outros sistemas operacionais somados registraram vendas pouco significativas.
Tabela 1 – Relação de compra de celulares
Fonte: GARTNER, 2018
Com a ascensão na venda de smartphones e a consolidação do Android e iOS como sistemas operacionais predominantes, há uma necessidade cada vez maior no desenvolvimento de aplicativos para atender a demanda das pessoas nas mais diferentes áreas, devido a isso ferramentas de desenvolvimento de software cada vez mais modernas estão sendo criadas e utilizadas pelos programadores ao redor do mundo, como exemplo temos o presente tema desse artigo o Flutter Framework.
FLUTTER FRAMEWORK
O Flutter2 é o SDK de código aberto do Google que permite o desenvolvimento de aplicativos que executem tanto no Android quanto no iOS a partir de uma única base de código. Seu objetivo é permitir que os desenvolvedores criem aplicativos de alta performance com uma experiência nativa em ambas as plataformas.
Seu fluxo de desenvolvimento é orientado ao design e os widgets são os blocos básicos da interface de usuário de um aplicativo Flutter. Assim, existem widgets para definir elementos estruturais como botões, menus e etc. Elementos de estilo como fontes, cores e formatos de texto. Aspectos de layouts como margens e espaçamentos, além de widgets com design específico para a plataforma e iOS. Além disso, o Flutter foi projetado para facilitar a criação de novos widgets e a personalização dos existentes. Os widgets formam uma hierarquia baseada na composição onde cada um herda propriedades de seu superior. A Figura 1 demonstra essa hierarquia.
Figura 1 – Hierarquia dos Widgets
Fonte: https://flutter.io/technical-overview/
O que torna o Flutter diferente da maioria das outras opções para criar aplicativos móveis, é que ele não utiliza os widgets fornecidos com o dispositivo. Em vez disso, utiliza o seu próprio mecanismo de renderização de alto desempenho para desenhar widgets. A Figura 2 representa a arquitetura do Flutter, que é composta pela engine, uma camada fina de código C/C++, e pelo framework, organizado em uma série de camadas, cada uma construída sobre a anterior e onde está implementada a maior parte de seu sistema (composição, gestos, animação, estrutura, widgets). Essa implementação é feita em Dart3, uma linguagem de programação moderna, concisa e fortemente tipada e orientada a objetos.
Figura 2 – Arquitetura do Flutter
Fonte: https://flutter.io/technical-overview/
Autor: Vinicíus Braga
REFERÊNCIAS
ANDROID. Android Platform Architecture. Disponível em: <https: //developer.android.com/guide/platform/>.
GARTNER. Worldwide Sales of Smartphones Returned to Growth in First Quarter of 2018. Disponível em: <https://www.gartner.com/en/newsroom/pressreleases/2018-05-29-gartner-says-worldwide-sales-of-smartphones-returned-to-growthin-first-quarter-of-2018>.
FLUTTER. Editor. 2018. Disponível em: <https://flutter.io/docs/get-started/editor>.