Flutter 从其祖父访问子函数

Question

在我的电子商务管理面板应用程序中我有一个非常大的表格(产品表格)，其中有很多第一部分用于标题、描述和价格，一个用于销售，一个用于颜色、扣押和图像等。我将它分成不同类中的较小小部件，每个小部件在另一个单独的类中都有自己的子小部件每个子类都有一个( onSave )函数，我需要从位于曾祖 parent 的主窗体按钮触发，所以我如何从这个父类访问所有( onSave )函数

在这个 ( onSave ) 函数中，我使用提供者模式将我在每个小部件中收集的数据传递给提供者类，然后我可以在其中将 datd 发送到服务器

Answer 1

您可以使用 Form() 小部件并将您的输入字段作为子项放入其中。然后定义一个 GlobalKey() 并将其传递给表单的键属性。一旦您调用 GlobalKey 上的保存方法，所有子部件的 onSaved 函数将被调用。

例如

import 'package:flutter/material.dart';

class MyScreen extends StatefulWidget {
  @override
  _MyScreenState createState() => _MyScreenState();
}

class _MyScreenState extends State<MyScreen> {
  final _formKey = GlobalKey<FormState>();
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      body: Padding(
        padding: const EdgeInsets.all(8.0),
        child: Column(
          children: [
            Form(
                key: _formKey,
                child: Column(
                  children: [
                    TextFormField(
                      decoration: InputDecoration(labelText: "Name"),
                      onSaved: (name) {
                        // do stuff
                      },
                    ),
                    TextFormField(
                      decoration: InputDecoration(labelText: "Category"),
                      onSaved: (category) {
                        // do stuff
                      },
                    ),
                  ],
                )),
            ElevatedButton(
              onPressed: () {
                _formKey.currentState.save();
              },
              child: Text("pressme"),
            )
          ],
        ),
      ),
    );
  }
}