Flutter Bloc身份认证实现时StreamBuilder snapshot.error为null问题排查

• 核心错误出在errorText的取值逻辑上：初始状态下Stream还未收到任何输入事件，snapshot.error为null，你直接调用toString()方法会把null转为字符串"null"，InputDecoration接收到非空字符串就会展示错误内容，所以你会看到错误位置显示null。
• 没有对Snapshot的错误状态做判断，不管是否存在真实校验错误，都强制给errorText传了字符串值，导致校验逻辑失效。

直接修改emailField方法中InputDecoration的errorText取值逻辑即可，仅当Snapshot真实存在错误时才传错误字符串，其余情况传null（代表不展示错误提示）：

Widget emailField() {
  return StreamBuilder(
      stream: bloc.email,
      builder: (context, AsyncSnapshot<String>? snapshot) {
        return TextField(
          onChanged: bloc.changeEmail,
          keyboardType: TextInputType.emailAddress,
          decoration: InputDecoration(
            hintText: 'you@example.com',
            labelText: 'Email Address',
            // 仅存在错误时展示错误提示，否则不展示
            errorText: snapshot?.hasError == true ? snapshot!.error.toString() : null,
          ),
        );
      });
}

修改后就能符合预期效果：

1. 初始进入页面无错误提示
2. 输入不含@的内容时自动展示错误提示
3. 输入内容包含@后错误提示自动消失

如果你需要用户首次进入页面还未输入时就触发校验提示，可以给StreamController设置初始值，或者改用RxDart的BehaviorSubject实现事件缓存，逻辑和上面的修改兼容。

内容的提问来源于stack exchange，提问作者nordan