FlutterDart 从外部类更新状态

我对Ffltter/Dart完全陌生，我已经完成了我的应用程序的所有布局，现在是进行应用程序的API调用的时候了.我正试图尽可能干净地管理这些表单.

我创建了一个管理TextFields个数据(值和错误)的类，如果我的API返回错误，我希望在不调用setState(() {})的情况下更新屏幕，这可能吗？

此外，我的应用程序的许多屏幕使用用户实时输入的值，如果发生这种情况，我将不得不多次调用setState(() {})方法.

您知道如何处理对setState(() {})方法的过量调用吗？

我为demo创建了一个测试项目，以下是我的文件:

文件路径:/main.dart

import 'package:flutter/material.dart';
import 'login_form_data.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Test App',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key});

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  final LoginFormData _loginFormData = LoginFormData();

  void _submitLoginForm() {
    // Validate and then make a call to the login api
    // If the api returns any erros inject then in the LoginFormData class
    _loginFormData.setError('email', 'Invalid e-mail');

    setState(() {}); // Don't want to call setState
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Test App'),
      ),
      body: Padding(
        padding: const EdgeInsets.all(30),
        child: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              TextField(
                decoration: InputDecoration(
                  errorText: _loginFormData.firstError('email'),
                  labelText: 'E-mail',
                ),
                onChanged: (value) => _loginFormData.setValue('email', value),
              ),
              TextField(
                decoration: InputDecoration(
                  errorText: _loginFormData.firstError('password'),
                  labelText: 'Password',
                ),
                obscureText: true,
                onChanged: (value) =>
                    _loginFormData.setValue('password', value),
              ),
              ElevatedButton(
                onPressed: _submitLoginForm,
                child: const Text('Login'),
              )
            ],
          ),
        ),
      ),
    );
  }
}

文件路径:/login_form_data.dart

import 'form/form_data.dart';
import 'form/form_field.dart';

class LoginFormData extends FormData {
  @override
  Map<String, FormField> fields = {
    'email': FormField(),
    'password': FormField(),
    'simple_account': FormField(
      value: true,
    ),
  };

  LoginFormData();
}

文件路径:/form/form_data.dart

class FormData {
  final Map<String, dynamic> fields = {};

  dynamic getValue(
    String key, {
    String? defaultValue,
  }) {
    return fields[key]?.value ?? defaultValue;
  }

  void setValue(
    String key,
    String value,
  ) {
    fields[key].value = value;
  }

  void setError(
    String key,
    String error,
  ) {
    fields[key]?.errors.add(error);
  }

  dynamic firstError(
    String key,
  ) {
    return fields[key]?.errors.length > 0 ? fields[key]?.errors[0] : null;
  }

  FormData();
}

文件路径:/form/form_field.dart

class FormField {
  dynamic value;

  List errors = [];

  FormField({
    this.value,
  });
}