Flutter: TextButtonのonPressed内で変数を呼び出せない

Question

TextFieldに入力した文字列を出力するTextButtonがあります。

変数newTaskNameに入力中の値を代入し、ボタンをタップ時に出力する、という処理を書きたいのですが、TextButtonのonPressed(){}で変数を呼び出そうとするとエラーになります。

import 'package:flutter/material.dart';

class AddTask extends StatelessWidget {
  AddTask(this.addTaskCallBack);

  final Function addTaskCallBack;

  @override
  Widget build(BuildContext context) {
    
    // TextFieldの入力値が代入される変数
    String newTaskName;

    return SingleChildScrollView(
      child: Container(
        padding:
            EdgeInsets.only(bottom: MediaQuery.of(context).viewInsets.bottom),
        color: const Color(0xff6a6a6a),
        child: Container(
          padding: const EdgeInsets.all(20.0),
          decoration: const BoxDecoration(
            color: Colors.white,
            borderRadius: BorderRadius.only(
              topLeft: Radius.circular(20.0),
              topRight: Radius.circular(20.0),
            ),
          ),
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.stretch,
            children: [
              Text(
                'Add Task',
                textAlign: TextAlign.center,
                style: TextStyle(color: Colors.pink.shade100, fontSize: 30.0),
              ),
              TextField(
                autofocus: true,
                textAlign: TextAlign.center,
                decoration: InputDecoration(
                  border: UnderlineInputBorder(
                      borderSide: BorderSide(color: Colors.pink.shade100)),
                ),
                onChanged: (value) {
                  newTaskName = value;  // 入力中の文字列を変数に代入
                  print(newTaskName);
                },
              ),
              const SizedBox(
                height: 20.0,
              ),
              TextButton(
                onPressed: () {
                  print(newTaskName);  // 出力
                },
                child: Container(
                  color: Colors.pink.shade100,
                  height: 50.0,
                  child: const Center(
                    child: Text(
                      'Add',
                      style: TextStyle(color: Colors.white, fontSize: 18.0),
                    ),
                  ),
                ),
              )
            ],
          ),
        ),
      ),
    );
  }
}

新しいバージョンになってからTextButtonのonPressedの中では変数は使えなくなったのでしょうか？
TextFieldのonChangedの中ではアクセスできているので原因がわかりません。

ご助力お願いします。

Answer 1

変数の型をオプショナル型に変更したらエラーが消えました。

おそらく、先にボタンを押す可能性があるため値がない場合を考慮した型にする必要があったのかと思われます。

× String newTaskName;
○ String? newTaskName;

そして値がnullの場合の処理を書けば問題なく動きました。

TextButton(
      onPressed: () {
×          print(newTaskName);
○          print(newTaskName ?? 'Empty Text');
      },

ご協力ありがとうございました。

Answer 2

late String newTaskName;
とかで消えます？

Comments

[massanmesu]

試しましたが症状は一緒です。
もう少し調べてみます。