首页 > 解决方案 > 重置流以清除任何快照错误

问题描述

我有一个包含在 StreamBuilder 中并绑定到流的文本字段,当数据添加到接收器时,流通过验证器运行。有一个按钮可以将文本字段值添加到接收器,并且任何快照错误都会显示在 InputDecoration 上。

文本字段位于有状态小部件内,该小部件是父有状态小部件的组件。bloc 在 Widget 构建器之外初始化。

我正在尝试做的是重置流,以便在子小部件动画进出视图时不再存在快照错误。目前,子小部件重建后错误仍然存​​在。关于如何实现这一目标的任何想法?

class Parent extends StatefulWidget {
    @override
    State<StatefulWidget> createState() {
      return ParentState();
    }
}

class ParentState extends State<Parent> with TickerProviderStateMixin {
    @override
    Widget build(BuildContext context) {
      return Container(
        child: Stack(
          children: <Widget>[
            child(),
            // other forms
          ],
        )
      );
    }
}

class Child extends StatefulWidget {
    @override
    State<StatefulWidget> createState() {
      return ChildState();
    }
}

class ChildState extends State<Child> {
    Bloc bloc;

    @override
    void initState() {
      super.initState();
      bloc = Bloc();
    }

    @override
    Widget build(BuildContext context) {
      return BlocProvider(
          bloc: appBloc,
          child: Container(
              child: StreamBuilder(
                  stream: bloc.input,
                  builder: (context, snapshot) {
                     return TextFormField(
                         decoration: InputDecoration(
                            errorText: snapshot.error,
                         ),
                      );
                  }
              ),
          ),
      );
   }
}

标签: androidiosmobiledartflutter

解决方案


看起来您的验证器仍在向流中添加错误。通常验证代码如下所示:

...
if (value.validated) {
  sink.add(value);
} else {
  sink.addError('invalid value');
}

因此,当值正确时,strem 将接受没有错误的有效值。


推荐阅读