如何在颤动切换标签之前强制执行功能（验证）？

Question

布局有两个选项卡，一个用于输入，另一个用于输出，带有一个用于切换选项卡的tabBar。

在输入选项卡中有一个带有验证功能的表单，它应该在切换到输出选项卡之前验证输入，因为如果输入无效，输出会显示错误。

当用户从 tabBar 点按输出选项卡进行切换时，如何强制验证？ .. 这意味着除非输入有效，否则不会更改选项卡。

带有标签代码的主屏幕：

class MainScreen extends StatefulWidget {
  @override
  _ MainScreen createState() => _ MainScreen();
}

class _MainScreenState extends State< MainScreen > {
  Data _data;

  @override
  DefaultTabController build(BuildContext context) {
    return DefaultTabController(
      length: 1,
      child: Scaffold(
        appBar: AppBar(
          bottom: TabBar(tabs: [
            Tab(text: 'input',
            Tab(text: 'calculations']),
          title: Text("screen title"),
        ),
       body: TabBarView(
         physics: NeverScrollableScrollPhysics(),
         children: [
              InputTab(
                  data: _data,
                  refreshDataClass: (Data dataUpdated) {_data = dataUpdated;},
                  ),
              CalculationsTab(data: _data),
   
              ]),
         ),
    );
  }
}

在输入选项卡中有一个带有输入字段的表单

@override
  SafeArea build(BuildContext context) {
    return SafeArea(
      child: Form(
        key: _formKey,
        child: Scrollbar() ....

Answer 1

如果您不熟悉Stream 和Sink，请通过Stream-Sink

在pubspec.yml添加以下依赖并执行flutter pub get

pubspec.yml:
rxdart: ^0.25.0

如下创建一个类

class FormBloc{

StreamController<bool> _isFormStream = BehaviorSubject<bool>.seeded(false);
  Stream<bool> get formStream => _isFormStream.stream;
  Sink<bool> get _updateFormStream => _isFormStream.sink;

void updateFormStatus({bool isFormValid = false}){
    _updateFormStream.add(isFormValid);
  }

void dispose(){
    _isFormStream.close();
  }

}

FormBloc formBloc = FormBloc();

您可以在TabBarView 上使用，如下所示：

StreamBuilder<bool>(
        stream: formBloc.formStream,
        builder: (context, snapshot) {
          return snapshot.hasData
              ? TabBarView(
              physics:snapshot.data? ClampingScrollPhysics(): NeverScrollableScrollPhysics(),
              children: [
                InputTab(
                  data: _data,
                  refreshDataClass: (Data dataUpdated) {_data = dataUpdated;},
                ),
                CalculationsTab(data: _data),

              ])
              : Container(
                );
        })

//我假设你有一些按钮或点击事件，你必须像这样检查表单验证：

onPressed:(){
if (_formKey.currentState!.validate()){
   formBloc.updateFormStatus(isFormValid:true);
}
else {
   formBloc.updateFormStatus(isFormValid:false);
 }
}