你自己的函数

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

当两个按钮执行相同的操作时，你可以把代码写一次并给它起个名字。这就是一个函数：

void sayHello() {
  print('Hello!');
}

sayHello 是它的名字，大括号里的代码是它的功能，而 void 表示它不会返回任何内容。把它单独写在外面，不要放在 class MyApp 里，例如写在 main 的正下方。

要运行它，请写出它的名字并加上括号：sayHello();。要把它交给按钮，请写出不带括号的名字：

ElevatedButton(onPressed: sayHello, child: Text('Hi'))

不加括号时，你交给按钮的是函数本身，按钮每次被点击时都会运行它。加上括号后，onPressed: sayHello() 会让 Dart 立即运行这个函数，并把它的结果交给按钮。这个函数没有返回值，所以代码无法编译。

挑战

简单

两个按钮都应该打印 Hello!。编写一个打印 Hello! 的函数 sayHello，并将它绑定到 Say hello 按钮和带挥手图标的悬浮按钮上。

亲手试试

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: ElevatedButton(
            onPressed: () {
              print('Hello!');
            },
            child: Text('Say hello'),
          ),
        ),
        floatingActionButton: FloatingActionButton(
          onPressed: () {},
          child: Icon(Icons.waving_hand),
        ),
      ),
    );
  }
}