Construindo a tela inicial do app Santander em Flutter com Dart

OláDevs! Flutter é um framework de desenvolvimento de aplicativos móveis criado pelo Google. Ele é usado para criar aplicativos que rodam em várias plataformas, incluindo Android, iOS e web. Dart é uma linguagem de programação criada pelo Google que é usada para escrever código para Flutter.

Neste artigo, vamos mostrar como construir a tela inicial do app Santander em Flutter com Dart.

1. Instalando o Flutter

O primeiro passo é instalar o Flutter. Você pode fazer isso seguindo as instruções no site do Flutter.

2. Criando um novo projeto

Depois de instalar o Flutter, você pode criar um novo projeto. Para fazer isso, abra um terminal e execute o seguinte comando:

flutter create santander

Este comando criará um novo projeto chamado santander.

3. Adicionando o código da tela inicial

O código da tela inicial está localizado no arquivo lib/main.dart. Abra este arquivo e adicione o seguinte código:

import 'package:flutter/material.dart';

void main() {
runApp(new MaterialApp(
  home: new MyHomePage(),
));
}

class MyHomePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
  return new Scaffold(
    appBar: new AppBar(
      title: new Text('Santander'),
    ),
    body: new Center(
      child: new Text('Welcome to the Santander app!'),
    ),
  );
}
}

Este código cria uma tela inicial simples com um cabeçalho e um corpo. O cabeçalho contém o título Santander e o corpo contém o texto Welcome to the Santander app!

4. Executando o projeto

Para executar o projeto, abra um terminal e execute o seguinte comando:

flutter run

Este comando irá construir o projeto e executá-lo no emulador ou dispositivo.

5. Referências

• Flutter website: https://flutter.dev/
• Dart programming language: https://dart.dev/
• Santander app: https://www.santander.com.br/