Flutterのformでsubmitボタンが押された時に入力値を一括で処理したい

Question

参考サイト

参考サイトでいう、_updateNameと_updateAgeのようにフィールド毎で別々に入力値を処理するのではなく、submitが押された瞬間にnameとageの両方の値を取得して処理できるような関数を作りたいのですが、可能でしょうか？

Answer 1

https://blog.shg25.com/?p=283

ここ参考になりそうです。

Answer 2

こういうことでしょうか？

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Sample',
      debugShowCheckedModeBanner: false,
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: Scaffold(
        appBar: AppBar(
          title: Text('Sample'),
        ),
        body: MyCustomForm(),
      ),
    );
  }
}

class MyCustomForm extends StatefulWidget {
  @override
  MyCustomFormState createState() => MyCustomFormState();
}

class MyCustomFormState extends State<MyCustomForm> {
  final _formKey = GlobalKey<FormState>();

  TextEditingController _nameController;
  TextEditingController _ageController;

  @override
  void initState() {
    super.initState();
    _nameController = TextEditingController();
    _ageController = TextEditingController();
  }

  @override
  Widget build(BuildContext context) {
    // Build a Form widget using the _formKey we created above
    return Form(
      key: _formKey,
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: <Widget>[
          TextFormField(
            decoration: InputDecoration(
              labelText: "お名前を入力してください。",
            ),
            controller: _nameController,
          ),
          TextFormField(
            decoration: InputDecoration(
              labelText: "ご年齢を入力してください。",
              hintText: 'ご年齢（１０歳以上）',
              icon: Icon(Icons.person_outline),
              fillColor: Colors.white,
            ),
            controller: _ageController,
          ),
          Padding(
            padding: const EdgeInsets.symmetric(vertical: 16.0),
            child: RaisedButton(
              onPressed: onPressed,
              child: Text('送信する'),
            ),
          ),
        ],
      ),
    );
  }

  // [送信する]ボタンを押したときの処理
  void onPressed() {
    showDialog<void>(
      context: context,
      useRootNavigator: false,
      builder: (context) {
        return AlertDialog(
          title: const Text('送信'),
          content: Text(
            'お名前 = ${_nameController.text} \n'
            'ご年齢 = ${_ageController.text}',
          ),
        );
      },
    );
  }
}