Lançado · em melhoria
Framework · Desde 2017
Flutter é o framework de interface de código aberto do Google para criar apps móveis, web e desktop a partir de um único código em Dart.
Flutter é um framework de interface de usuário de código aberto criado pelo Google e lançado pela primeira vez em 2017. Com uma única base de código, é possível criar apps para Android, iOS, web, Windows, macOS e Linux. Os apps são escritos em Dart, a linguagem orientada a objetos do Google, com sintaxe parecida com a de Java e TypeScript, segurança contra nulos e async/await; o SDK do Dart já vem com o Flutter.
Em vez de usar os componentes nativos de interface de cada plataforma, o Flutter desenha cada pixel com seu próprio mecanismo de renderização. Assim, o app tem a mesma aparência e o mesmo comportamento em todas as plataformas, e designs e animações personalizados não têm limites. Os builds de produção compilam o código Dart antecipadamente para código de máquina, e durante o desenvolvimento o hot reload aplica as mudanças na hora, mantendo o estado do app. Por isso o Flutter é muito usado em apps móveis que precisam ser lançados em várias plataformas ao mesmo tempo.
Para começar, instale o SDK do Flutter, verifique o ambiente com flutter doctor e aprenda o modelo de widgets alterando o app de contador gerado pelo flutter create. Os codelabs oficiais e o guia da linguagem Dart ensinam passo a passo a combinar widgets, gerenciar estado e montar layouts. Os pacotes ficam no pub.dev e são adicionados com flutter pub add.
O mesmo código Dart gera apps para Android, iOS, web, Windows, macOS e Linux; código específico de plataforma só entra quando necessário.
Texto, espaçamentos, layouts e telas inteiras são widgets, e interfaces complexas são montadas combinando widgets menores.
As mudanças no código aparecem no app em execução em cerca de um segundo, sem perder o estado.
O mecanismo do Flutter desenha cada pixel, e os builds de produção são compilados antecipadamente para código de máquina, rodando com fluidez.
Instale a extensão do Flutter no VS Code e deixe que ela baixe o SDK, ou baixe o SDK para o seu sistema em docs.flutter.dev, descompacte e adicione a pasta bin ao PATH. O SDK do Dart já vem incluído.
Rode flutter doctor para ver se as ferramentas de cada plataforma de destino, como Android Studio, Xcode, Chrome ou Visual Studio, estão instaladas. Só são necessárias as das plataformas para as quais você vai gerar builds.
flutter doctorCrie um projeto com flutter create e rode em um dispositivo conectado, emulador ou navegador. Ao salvar o código durante a execução, o hot reload aplica a mudança na hora.
flutter create hello_app && cd hello_app && flutter runTodo app Flutter começa pela função main em lib/main.dart, e o widget passado para runApp ocupa a tela inteira. MaterialApp fornece a estrutura de um app com Material Design, Scaffold o layout básico de uma tela, e Center e Text mostram uma mensagem centralizada. Substitua o main.dart gerado por este código e rode com flutter run.
lib/main.dart
import 'package:flutter/material.dart';
void main() {
runApp(
const MaterialApp(
home: Scaffold(
body: Center(child: Text('Hello, world!')),
),
),
);
}
flutter create hello_app && cd hello_app && flutter runSeis capítulos que levam você da instalação aos conceitos essenciais de Flutter.
Tire dúvidas, compartilhe experiências e troque opiniões sobre Flutter.
Ainda não há discussões. Comece a primeira.
0 comentários
Fazer login · Faça login para deixar um comentário.
Seja o primeiro a comentar.