我有一个文本字段包装在 StreamBuilder 中并绑定到流中,当数据添加到接收器时,流会通过验证器运行。有一个按钮将文本字段值添加到接收器,任何快照错误都会显示在 InputDecoration 上。
文本字段位于有状态小部件内,该小部件是父有状态小部件的组件。集团在小组件构建器外部初始化。
我正在尝试做的是重置流,以便在子小部件在视图内外进行动画处理时不再存在快照错误。目前,子小组件重建后,错误仍然存在。关于如何实现这一目标的任何想法?
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,
),
);
}
),
),
);
}
}
看起来您的验证器仍然向流中添加错误。通常验证代码如下所示:
...
if (value.validated) {
sink.add(value);
} else {
sink.addError('invalid value');
}
因此,当值正确时,strem将接受没有错误的有效值。