Índice:

Crie um aplicativo "Hello World" básico do zero no Flutter: 7 etapas
Crie um aplicativo "Hello World" básico do zero no Flutter: 7 etapas
Anonim
Criar Básico
Criar Básico

Olá pessoal, criei o Tutorial do Flutter para iniciantes.

Se você deseja iniciar o desenvolvimento de flutter agora, isso o ajudará no Tutorial de flutter para iniciantes.

Etapa 1: Introdução

Introdução
Introdução

Flutter é o SDK móvel do Google para criar interfaces nativas de alta qualidade em iOS e Android em tempo recorde. O Flutter funciona com o código existente, é usado por desenvolvedores e organizações em todo o mundo e é gratuito e de código aberto. Neste codelab, você criará um aplicativo Flutter simples. Se você estiver familiarizado com o código orientado a objetos e os conceitos básicos de programação, como variáveis, loops e condicionais, poderá concluir este codelab. Você não precisa de experiência anterior com Dart ou programação móvel.

Etapa 2: o que você aprenderá neste artigo

1) Como configurar o ambiente flutter no Windows Instale o flutter no Windows.

2) Como criar e configurar um dispositivo virtual Android.

3) Conhecimento básico de Flutter e Widgets.

4) Crie um aplicativo "Hello World" básico.

Etapa 3: Crie um ambiente Flutter no Windows

Para criar o projeto, certifique-se de instalar as coisas necessárias do flutter.

Se você ainda não criou a configuração, vá até Instalar Flutter no Windows.

Etapa 4: criar e configurar o dispositivo virtual Android (AVD)

Depois de criar a configuração, certifique-se de ter criado um Android Virtual Device (AVD). Se você ainda não criou ou não tem ideia sobre isso, não se preocupe, temos solução para isso também Criar e configurar dispositivo virtual Android.

Etapa 5: analise o básico de flutuação e widgets

Antes de começar, você precisa entender o conceito básico de Flutter e Widgets.

No vídeo acima, os widgets são explicados.

Coberto ambos os tipos de Widgets

1) Widgets com estado

2) Widget sem estado.

Vá até este link para entender o básico.

Etapa 6: Crie um aplicativo "Hello World" básico sem estado

No vídeo passo a passo acima, o aplicativo "Hello World" é desenvolvido.

As etapas a seguir são abordadas no vídeo acima:

1) Basta escrever "Hello World" em casa.

2) Em seguida, usando widgets sem estado, adicionou o texto "Hello World" em um Scaffold.

3) Em seguida, usando AppBar dando a esse aplicativo uma aparência adequada.

Etapa 7: Obrigado

Se você gosta deste tutorial, inscreva-se:)

Recomendado: