Seu primeiro botão

Parte da seção Tornando o app interativo do Journey de Flutter da Coddy. Lição 1 de 34.

Até agora, seus apps só exibiam coisas. Esta seção fará com que eles respondam, começando com um botão.

ElevatedButton(
  onPressed: () {},
  child: Text('Start'),
)

child: é o que o botão exibe, geralmente um Text. onPressed: é o que acontece quando alguém toca nele.

() {} é uma função sem nome: um pequeno trecho de código que o botão guarda e executa a cada toque. O código fica entre as chaves. Esta está vazia, então tocar no botão ainda não faz nada, mas ele está pronto para ser pressionado.

Com onPressed: null, o botão fica acinzentado e não pode ser pressionado. null significa “nenhum valor”: nenhum código para executar.

Desafio

Fácil

O app exibe a palavra Start. Transforme-a em um ElevatedButton que possa ser pressionado, com Start como filho. Uma função vazia é suficiente para onPressed.

Experimente você mesmo

import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: Center(
          child: Text('Start'),
        ),
      ),
    );
  }
}