向控制台输出

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

点击按钮会运行你看不到的代码。print 可以让它显示出来：它会在 控制台（手机下方的面板）中写入一行文本。

ElevatedButton(
  onPressed: () {
    print('Button pressed');
  },
  child: Text('Press me'),
)

大括号内的每一行代码都以分号 ; 结尾。点击按钮三次，控制台就会显示三次 Button pressed。

使用你应用的人看不到控制台。控制台是给你用的：如果某些功能无法正常运行，print 可以告诉你代码到底有没有运行。

挑战

简单

让 Say hi 按钮在每次按下时都输出 Hi there!。按几次按钮，看看 Console。

亲手试试

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: () {},
            child: Text('Say hi'),
          ),
        ),
      ),
    );
  }
}