可以为空的字段

本课属于 Coddy Flutter 学习旅程的“列表和屏幕”单元。第 14 课，共 33 课。

并非每个联系人都有电子邮件地址。类型后面带有 ? 的字段可以为空，没有提供值时，它的值为 null：

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

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

如果没有 required，可以省略 email:：Contact(name: 'Alan Turing') 的 email 值为 null。

你不能对 null 调用方法，因此 Dart 会阻止你写 contact.email.toLowerCase()。用 ?. 代替点号：有电子邮件地址时，contact.email?.toLowerCase() 会调用该方法；没有时则返回 null。然后，?? 会选择备用值：

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

挑战

简单

邮箱地址的大小写输入得很随意，而 Alan 没有邮箱。为每个列表项添加一个 subtitle:，显示小写的邮箱地址；如果没有邮箱，则显示 No email。

亲手试试

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});
}