你的第一个按钮

本课属于 Coddy Flutter 学习旅程的“让应用具有交互性”单元。第 1 课，共 34 课。

到目前为止，你的应用只能显示内容。本单元会让它们回应操作，先从按钮开始。

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

child: 是按钮显示的内容，通常是一个 Text。onPressed: 表示有人点击按钮时会发生什么。

() {} 是一个没有名称的函数：一小段代码，按钮会保存它，并在每次点击时运行。代码写在花括号之间。这个函数现在是空的，所以点击按钮还不会发生任何事，但按钮已经可以按下了。

设置 onPressed: null 后，按钮会变成灰色，无法按下。null 表示“没有值”，也就是没有要运行的代码。

挑战

简单

应用会显示单词 Start。将它改成可按下的 ElevatedButton，并将 Start 作为其子元素。onPressed 使用空函数即可。

亲手试试

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