O que é Flutter? \| TreinaWeb [ Black November 62% OFF **15 meses de acesso total** + 3 meses grátis **12x R$ 49** · 15 meses de 12x R$ 129 por **12x R$ 49** Quero a oferta ](https://www.treinaweb.com.br/checkout/pagamento/plano/anual?cupom=TW-BLACKNOVEMBER49E3) [ ](https://www.treinaweb.com.br) Explorar [ Quanto custa? ](#assinatura) [ FAQ ](https://www.treinaweb.com.br#faq) [Matricule-se](#assinatura) [ Entrar ](https://www.treinaweb.com.br/login) [ Início ](https://www.treinaweb.com.br) [ Artigos ](https://www.treinaweb.com.br/blog) O que é Flutter? [ Desenvolvimento Front-end ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento-front-end) [ Desenvolvimento Mobile ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento-mobile) [ Tecnologia ](https://www.treinaweb.com.br/blog/categoria/tecnologia) # O que é Flutter? Veja neste artigo o que é Flutter. [ Ana Paula de Andrade ](https://www.treinaweb.com.br/blog/autor/ana-paula-andrade) 7 anos atrás ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/02/27202313/FLUTTER-O-QUE-É.png) Criado pelo Google, o Flutter é um Framework para o desenvolvimento de aplicativos mobile para Android e iOS muito utilizado atualmente no mercado. ## Caso você não saiba o que é um Framework: O [framework](https://www.treinaweb.com.br/blog/para-que-serve-um-framework/ "framework") é um facilitador no desenvolvimento de diversas aplicações e, sem dúvida, sua utilização poupa tempo e custos para quem utiliza, pois de forma mais básica, é um conjunto de bibliotecas utilizadas para criar uma base, onde as aplicações são construídas, um otimizador de recursos. Possui como principal objetivo resolver problemas recorrentes com uma abordagem mais genérica. Ele permite ao desenvolvedor focar nos “problemas” da aplicação, não na arquitetura e configurações. ## De volta ao Flutter… De código aberto sobre a BSD License e multiplataforma, o Flutter possui como linguagem base o [Dart](https://www.treinaweb.com.br/blog/o-que-e-dart/ "Dart") para criação de aplicativos. Grandes empresas vêm apostando no Flutter, como: Google, Alibaba, Groupon, Nubank, Google entre outras. Um dos grandes motivos para esta aposta é justamente a forma com que o Flutter funciona para criação de aplicações. Ao criar um aplicativo com o Flutter, seu código é compilado para a linguagem base do dispositivo, ou seja, as aplicações são realmente nativas e por isso conseguem acessar recursos do dispositivo sem a “ajuda” de terceiros e com o desempenho maior. A figura abaixo ilustra as diferanças destes acessos entre o [React Native e o Flutter](https://www.treinaweb.com.br/blog/react-native-ou-flutter-por-qual-comecar/ "React Native e o Flutter"): ![comparativo de arquitetura entre flutter e react native](https://dkrn4sk0rn31v.cloudfront.net/2020/02/27201932/React-Native-x-Flutter.jpg) ## Características do Flutter Diversas são as características do Flutter. Dentre elas podemos citar: - Multiplataforma - Podemos desenvolver aplicações com Flutter em qualquer sistema operacional (Windows, Linux e MacOS); - Criação de aplicações nativas a partir de um único código base - Com o Flutter é possível desenvolvermos aplicações nativas para Android e iOS; - Acesso direto aos recursos nativos do sistema - Uma aplicação criada com Flutter possui acesso nativo aos recursos do dispositivo (câmera, wifi, memória, etc); - Maior desempenho - As aplicações criadas com Flutter possuem um maior desempenho quando comparadas ao React Native, por exemplo, pois todo seu código-fonte é transformado em código nativo. [ ![Flutter - Fundamentos](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/flutter.svg) Curso Flutter - Fundamentos Conhecer o curso ](https://www.treinaweb.com.br/curso/flutter-fundamentos) ## Sintaxe Como vimos anteriormente, o Flutter utiliza o Dart para criação de aplicações e toda sua interface é criada por meio de widgets. O trecho de código abaixo demonstra uma simples aplicação: ```dart import 'package:flutter/material.dart'; void main() { runApp(MaterialApp( // Title title: "TreinaWeb", // Home home: Scaffold( // Appbar appBar: AppBar( // Title title: Text("TreinaWeb"), backgroundColor: Colors.pink, ), // Body body: Container( // Center the content child: Center( // Add Text child: Text("Olá, Mundo! :)"), ), ), ))); } ``` O código acima resultará no seguinte app: ![Tela de um aplicativo em flutter ](https://dkrn4sk0rn31v.cloudfront.net/2020/02/27202535/Flutter-Exemplo.jpeg) Caso tenha interesse em estudar Flutter, veja nosso artigo de [como configurar o ambiente de desenvolvimento flutter](https://www.treinaweb.com.br/blog/configurando-ambiente-de-desenvolvimento-flutter/ "como configurar o ambiente de desenvolvimento flutter"). ## Podemos concluir que… O Flutter é atualmente um dos principais frameworks para o desenvolvimento de aplicações mobile. Criado pela Google, com o Flutter conseguimos desenvolver aplicações nativas para Android e iOS a partir de um único código base. Diversas empresas têm investido no Flutter para desenvolvimento de suas soluções, desta forma, o Framework tem tudo para se transformar em uma excelente opção de estudo para desenvolvedores que buscam uma alternativa para suas aplicações. [ ![Dart - Fundamentos](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/dart.svg) Curso Dart - Fundamentos Conhecer o curso ](https://www.treinaweb.com.br/curso/dart-fundamentos) - [ #dart ](https://www.treinaweb.com.br/blog/tag/dart) - [ #flutter ](https://www.treinaweb.com.br/blog/tag/flutter) Autor ![Ana Paula de Andrade](//secure.gravatar.com/avatar/76297b487187c82ae476e823018dbfc0?d=mm) ## Ana Paula de Andrade Graduanda em Sistemas de Informação pelo Instituto Federal da Bahia. É responsável pelo atendimento ao cliente, gerenciamento de redes sociais e revisão de cursos, além da redação de artigos para o blog da TreinaWeb. [Todos os artigos](https://www.treinaweb.com.br/blog/autor/ana-paula-andrade) ## Continue estudando Transforme leitura em prática com os cursos e formações da TreinaWeb. [Ver cursos](https://www.treinaweb.com.br/cursos) Continue lendo ## Artigos relacionados - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/05/14165959/Widgets-Flutter-400x280.png) [ Desenvolvimento Mobile ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento-mobile) 7 anos atrás ## [ Flutter: O que são widgets e qual sua importância ](https://www.treinaweb.com.br/blog/flutter-o-que-sao-widgets-e-qual-sua-importancia) Veja neste artigo o que são e qual a importância dos widgets para a criação de interfaces no Flutter. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2019/10/20234042/capa-dart-400x280.png) [ Desenvolvimento ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento) 7 anos atrás ## [ O que é Dart? ](https://www.treinaweb.com.br/blog/o-que-e-dart) Confira nesse artigo o que vem a ser o Dart, uma das linguagens de programação da Google. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/09/o_que_e_firebase-400x280.png) [ Javascript ](https://www.treinaweb.com.br/blog/categoria/javascript) 6 anos atrás ## [ O que é Firebase? ](https://www.treinaweb.com.br/blog/o-que-e-firebase) Veja neste artigo o que é Firebase. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/10/criando-primeiro-projeto-flutter-400x280.png) [ Flutter ](https://www.treinaweb.com.br/blog/categoria/flutter) 6 anos atrás ## [ Criando primeiro projeto Flutter ](https://www.treinaweb.com.br/blog/criando-primeiro-projeto-flutter) Veja neste artigo como criar o primeiro projeto Flutter. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2019/02/04115610/capa-flutter-400x280.png) [ Desenvolvimento Mobile ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento-mobile) 8 anos atrás ## [ Por que estudar Flutter? ](https://www.treinaweb.com.br/blog/por-que-estudar-flutter) Veja neste artigo as vantagens de se estudar o Flutter. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/04/22111106/FLUTTER-CONFIGURANDO-FONTES-EXTERNAS-400x280.png) [ Desenvolvimento Mobile ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento-mobile) 7 anos atrás ## [ Configurando fontes em projetos Flutter ](https://www.treinaweb.com.br/blog/configurando-fontes-em-projetos-flutter) Veja neste artigo como configurar fontes em projetos Flutter. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/04/17120810/Fuchsia-400x280.png) [ Desenvolvimento Mobile ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento-mobile) 7 anos atrás ## [ O que é o Fuchsia? ](https://www.treinaweb.com.br/blog/o-que-e-o-fuchsia) Veja neste artigo o que é o Fuchsia, novo sistema operacional da Google. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2019/10/11111424/react-flutter-400x280.png) [ Desenvolvimento Mobile ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento-mobile) 7 anos atrás ## [ React Native ou Flutter: por qual começar? ](https://www.treinaweb.com.br/blog/react-native-ou-flutter-por-qual-comecar) Confira nesse artigo um pouco mais sobre essas duas tecnologias mobile e veja pontos que podem te ajudar a decidir por qual delas começar seus estudos. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2022/09/PUB-DEV-400x280.jpg) [ Flutter ](https://www.treinaweb.com.br/blog/categoria/flutter) 4 anos atrás ## [ Gerenciador de pacotes Dart e Flutter ](https://www.treinaweb.com.br/blog/gerenciador-de-pacotes-dart-e-flutter) Saiba o que é o gerenciador de pacotes Dart e Flutter, como utilizar um pacote, biblioteca instalada por ele e sobre o pubspec.yaml. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2022/04/LAYOUT-FLUTTER-RESPONSIVO-400x280.png) [ Flutter ](https://www.treinaweb.com.br/blog/categoria/flutter) 5 anos atrás ## [ Como construir um layout Flutter responsivo ](https://www.treinaweb.com.br/blog/como-construir-um-layout-flutter-responsivo) Neste artigo veremos algumas das abordagens e widgets que são usados no desenvolvimento de aplicativos responsivos com Flutter . Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/05/STATELESS-VS-STATEFUL-400x280.png) [ Desenvolvimento Mobile ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento-mobile) 7 anos atrás ## [ Flutter: Widgets Stateful e Stateless ](https://www.treinaweb.com.br/blog/flutter-widgets-stateful-e-stateless) Veja neste artigo o que são os widgets stateful e stateless e quando utilizá-los. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/04/22111207/FLUTTER-ANDROID-STUDIO-400x280.png) [ Desenvolvimento Mobile ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento-mobile) 7 anos atrás ## [ Configurando ambiente de desenvolvimento Flutter ](https://www.treinaweb.com.br/blog/configurando-ambiente-de-desenvolvimento-flutter) Veja neste artigo como configurar o ambiente de desenvolvimento Flutter. Ler artigo A Black Friday da TreinaWeb · até 27/11 ## 15 meses de acesso total, com 3 meses de presente. 12 meses de assinatura e mais 3 meses grátis. Todos os cursos e formações da TreinaWeb numa única assinatura, com professores que atuam no mercado, suporte direto e certificados. Do primeiro `console.log` ao mercado de trabalho. - **15 meses** de acesso a **todos os cursos** - Cursos novos **toda semana** - Suporte **direto com professores** - Plano de carreira **personalizado** - **Certificados digitais** inclusos - **Aplicativos** para Android e iOS, com **acesso offline** **Garantia incondicional de satisfação** Teste por 7 dias e, se não fizer sentido para você, devolvemos seu dinheiro. Black November ### Acesso total + 3 meses de presente 15 meses De presente **12 meses** de assinatura + 3 meses grátis Economize R$ 960,00 62% OFF de 12x R$ 129,00 por apenas 12x R$ 49,00 sem juros no cartão de crédito ou R$ 499,00 à vista [Quero a Black November](https://www.treinaweb.com.br/checkout/pagamento/plano/anual?cupom=TW-BLACKNOVEMBER49E3) - Parcele no cartão, boleto ou Pix - Acesso imediato após o pagamento [ ](https://www.treinaweb.com.br) Escola online de programação, tecnologia e IA. - [ ](https://www.facebook.com/TreinaWeb/) - [ ](https://www.instagram.com/treinaweb/) - [ ](https://www.youtube.com/user/TreinaWeb) - [ ](https://twitter.com/treinaweb) - [ ](https://www.linkedin.com/company/treinaweb) - [ ](https://github.com/treinaweb) ## Inscreva-se em nossa newsletter Receba lançamentos, promoções e novidades. Seu nome Seu WhatsApp Seu melhor e-mail Inscrever-se ## Cursos - [ Base para Devs ](https://www.treinaweb.com.br/categoria/base-para-devs) - [ Front-end ](https://www.treinaweb.com.br/categoria/desenvolvimento-front-end) - [ Back-end ](https://www.treinaweb.com.br/categoria/desenvolvimento-back-end) - [ Mobile ](https://www.treinaweb.com.br/categoria/desenvolvimento-mobile) - [ Bancos de Dados ](https://www.treinaweb.com.br/categoria/bancos-de-dados) - [ Cloud ](https://www.treinaweb.com.br/categoria/cloud-computing) - [ IA ](https://www.treinaweb.com.br/categoria/ia) - [ E mais ](https://www.treinaweb.com.br/categoria/e-mais) - [ Ver todos os cursos ](https://www.treinaweb.com.br/cursos) ## Conteúdo - [ Formações ](https://www.treinaweb.com.br/formacoes) - [ Projetos práticos ](https://www.treinaweb.com.br/projetos-praticos) - [ Direto ao ponto ](https://www.treinaweb.com.br/direto-ao-ponto) - [ Planos ](https://www.treinaweb.com.br#assinatura) - [ Depoimentos ](https://www.treinaweb.com.br#depoimentos) - [ Comunidade ](https://www.treinaweb.com.br#comunidade) - [ Corpo docente ](https://www.treinaweb.com.br#docente) ## A empresa - [ Sobre a TreinaWeb ](https://www.treinaweb.com.br#sobre) - [ Perguntas frequentes ](https://www.treinaweb.com.br#faq) - [ Vantagens de estudar na TreinaWeb ](https://www.treinaweb.com.br/vantagens-de-estudar-na-treinaweb) - [ Cursos para empresas ](https://www.treinaweb.com.br/empresas) - [ Sugira um novo curso ](https://www.treinaweb.com.br/sugerir-curso) - [ Trabalhe conosco ](https://www.treinaweb.com.br/trabalhe-conosco) - [ Artigos ](https://www.treinaweb.com.br/blog) - [ Desenvolvedores e agentes ](https://www.treinaweb.com.br/developers) - [ Contato ](https://www.treinaweb.com.br/contato) - [ Política de privacidade ](https://www.treinaweb.com.br/politica-de-privacidade) - [ Termos de uso ](https://www.treinaweb.com.br/termos-de-uso) ## Baixe nosso aplicativo [ Disponível na **App Store** ](https://apps.apple.com/us/app/treinaweb/id1322729447) [ Disponível no **Google Play** ](https://play.google.com/store/apps/details?id=br.com.treinaweb.mobile) Av. Paulista, 1765, Conj 71 e 72 · Bela Vista · São Paulo · SP · 01311-200 © 2004 – 2026 TreinaWeb Tecnologia LTDA · CNPJ 06.156.637/0001-58