コンソールに出力する

CoddyのFlutterジャーニー「アプリをインタラクティブにする」セクションの一部。レッスン 2/34。

ボタンをタップすると、見えないコードが実行されます。printを使うと、その動作を確認できます。テキストを1行、スマートフォンの下にあるパネル、Consoleに出力します。

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

波括弧の中にある各コード行の末尾にはセミコロン;が付きます。ボタンを3回タップすると、ConsoleにButton pressedが3回表示されます。

アプリを使う人には、Consoleは表示されません。これはあなたのためのものです。何かがうまく動かないとき、printを使えば、コードが実行されたかどうかを確認できます。

チャレンジ

簡単

Say hi ボタンを押すたびに Hi there! を出力するようにしてください。ボタンを何度か押して、コンソールを確認しましょう。

自分で試してみよう

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