Primeira Aplicação
Para criar sua primeira aplicação Flutter, siga estas etapas:
Instale o Flutter: Certifique-se de ter o Flutter instalado em seu sistema, como mencionado nas etapas anteriores.
Crie um Novo Projeto:
- Abra o terminal ou prompt de comando e navegue até o diretório onde você deseja criar o projeto.
- Execute o seguinte comando para criar um novo projeto Flutter:
flutter create nome_do_projeto
Este comando criará uma estrutura básica para seu aplicativo.
Navegue até o Diretório do Projeto:
- Use o comando
cd nome_do_projeto
para entrar no diretório do seu projeto.
- Use o comando
Abra o Projeto no Editor de Código:
- Abra o projeto Flutter em seu editor de código preferido, como o Visual Studio Code ou o Android Studio.
Entenda a Estrutura do Projeto:
- O Flutter cria uma estrutura de diretórios básica. O arquivo principal é
lib/main.dart
, que contém o código do aplicativo Flutter.
- O Flutter cria uma estrutura de diretórios básica. O arquivo principal é
Escreva seu Primeiro Código:
- Abra
lib/main.dart
no seu editor de código e você verá um código padrão. - Você pode começar modificando o widget
MyApp
para exibir algo diferente. Por exemplo:import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( appBar: AppBar( title: Text('Minha Primeira Aplicação Flutter'), ), body: Center( child: Text('Olá, Flutter!'), ), ), ); } }
- Abra
Execute seu Aplicativo:
- No terminal ou prompt de comando, no diretório do seu projeto, execute:
flutter run
- Isso iniciará seu aplicativo no emulador ou dispositivo físico conectado.
- No terminal ou prompt de comando, no diretório do seu projeto, execute:
Veja seu Aplicativo em Ação:
- O Flutter irá compilar seu código e exibir seu aplicativo no emulador ou dispositivo. Você verá a mensagem “Olá, Flutter!” na tela.
Parabéns! Você criou e executou sua primeira aplicação Flutter. A partir daqui, você pode explorar os widgets do Flutter, adicionar funcionalidades e criar aplicativos mais complexos à medida que aprende mais sobre o framework. Não hesite em consultar a documentação oficial do Flutter para obter informações detalhadas sobre widgets e recursos adicionais.