Flutterでウィジェット（widget）を継承したときのイベントがエラーになる

Question

flutter 1.17.3

以下のようなコードを書いてTextFieldを共通的に使用しようとしました。
この状態だとテキストを入力してもエラーにはならないですが、
Tapのイベントも使用したくなり、修正しました。

                  HogeTextField(
                    hintText: 'メールアドレスを入力してください',
                    labelText: 'メール',
                  ),



class HogeTextField extends TextField {
  HRTextField({
    String hintText,
    String labelText,
    TextEditingController controller,
    void Function(String) onChanged,
  }) : super(
          controller: controller,
          decoration: InputDecoration(
            labelText: labelText,
            hintText: hintText,
          ),
          onChanged: (text) => onChanged(text),
        );
}

修正

class HogeTextField extends TextField {
  HRTextField({
    String hintText,
    String labelText,
    TextEditingController controller,
    void Function(String) onChanged,
    void Function() onTap, //追加箇所
  }) : super(
          controller: controller,
          decoration: InputDecoration(
            labelText: labelText,
            hintText: hintText,
          ),
          onChanged: (text) => onChanged(text),
          //追加箇所
          onTap: () => onTap(),
        );
}

この修正をすると、エラーが出るようになりました。

エラー内容

════════ Exception caught by gesture ════════
The following NoSuchMethodError was thrown while handling a gesture:
The method 'call' was called on null.
Receiver: null
Tried calling: call()

When the exception was thrown, this was the stack
#0      new HogeField.<anonymous closure> 
#1      _TextFieldSelectionGestureDetectorBuilder.onSingleTapUp
#2      _TextSelectionGestureDetectorState._handleTapUp 
#3      TapGestureRecognizer.handleTapUp.<anonymous closure> 
#4      GestureRecognizer.invokeCallback 
...
Handler: "onTapUp"
Recognizer: _TransparentTapGestureRecognizer#83b67
    debugOwner: _TextSelectionGestureDetectorState#92c89
    state: ready
    won arena
    finalPosition: Offset(309.7, 395.0)
    finalLocalPosition: Offset(299.7, 29.0)
    button: 1
    sent tap down
════════════════════════════════════════════

onChangedは何も描かなくてもエラーにならないのに、
onTapはなぜエラーになるのでしょうか？

Answer 1

自己解決しました。

引数のonTapがnullならば処理をしないように書いてみました。

class HogeTextField extends TextField {
  HRTextField({
    String hintText,
    String labelText,
    TextEditingController controller,
    void Function(String) onChanged,
    void Function() onTap, //追加箇所
  }) : super(
          controller: controller,
          decoration: InputDecoration(
            labelText: labelText,
            hintText: hintText,
          ),
          onChanged: (text) => onChanged(text),
          //追加箇所さらに更新
          // onTap: () => onTap(),
          onTap: () {
            if (onTap != null) {
              onTap();
            }
          },
        );
}

onChangedは何もしないでもエラーにならないのに何故かは分からなかったですが。。。

Comments

[satokei]

以下のような記載で十分かと思います。
-------------------
onChanged: onChanged,
onTap: onTap,
-------------------

> onChangedは何もしないでもエラーにならない
単純にイベントが発生していないだけだと思います。

[maeta]

早速試してみました。

問題ありませんでした。
なぜあの記載方法にしたのか経緯が不明ですが、
上手くいって良かったです。

ありがとうございます。

[satokei]

よかったです！