Menu
CoddyTech

Campos que Podem Ficar Vazios

Parte da seção Listas e telas do Journey de Flutter da Coddy. Lição 14 de 33.

Nem todo contato tem um e-mail. Um campo que pode não ter nenhum valor tem um ? após seu tipo, e seu valor é null quando nada foi informado:

class Contact {
  final String name;
  final String? email;

  Contact({required this.name, this.email});
}

Sem required, email: pode ser omitido: Contact(name: 'Alan Turing') tem null como valor de email.

Você não pode chamar um método em null, então Dart impede que você escreva contact.email.toLowerCase(). Escreva ?. no lugar do ponto: contact.email?.toLowerCase() chama o método quando há um e-mail e retorna null quando não há. Em seguida, ?? escolhe um valor alternativo:

Text(contact.email?.toLowerCase() ?? 'No email')
challenge icon

Desafio

Fácil

Os e-mails foram digitados com letras maiúsculas aleatórias, e Alan não tem nenhum. Adicione a cada bloco subtitle: que mostre o e-mail em letras minúsculas ou No email quando não houver nenhum.

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) {
    final List<Contact> contacts = [
      Contact(name: 'Ada Lovelace', email: 'Ada@Example.com'),
      Contact(name: 'Alan Turing'),
      Contact(name: 'Grace Hopper', email: 'GRACE@NAVY.MIL'),
    ];
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        appBar: AppBar(title: const Text('Contacts')),
        body: ListView(
          children: [
            for (Contact contact in contacts)
              ListTile(
                title: Text(contact.name),
              ),
          ],
        ),
      ),
    );
  }
}

class Contact {
  final String name;
  final String? email;

  Contact({required this.name, this.email});
}
quiz iconTeste seus conhecimentos

Esta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.

Todas as lições de Listas e telas

Pratique por conta própria: Compilador de Flutter online