Flutter, возвращающий данные из виджета

Question

Прежде всего, я прошу прощения за свой английский sh.

Итак, чтобы написать красивый код, я проанализировал свой код в нескольких файлах. Чтобы просто вызвать виджет и упростить чтение кода.

Но один из моих виджетов - это FormField, и я не знаю, как восстановить ввод из виджета на моем основном экране.

Вот код главного экрана:

import 'package:ChatApp/pretty_form.dart';
import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: SignUp(),
    );
  }
}

class SignUp extends StatefulWidget {
  SignUp({
    Key key,
  }) : super(key: key);

  @override
  _SignUpState createState() => _SignUpState();
}

class _SignUpState extends State<SignUp> {
  String email = "";
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("SignUp"),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            email = PrettyForm(text: "Enter your email adress"),
            PrettyForm(text: "Enter your mdp"),
          ],
        ),
      ),
    );
  }
}

А вот код, который я импортирую в первый файл:

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

  class PrettyForm extends StatefulWidget {
    PrettyForm({Key key, this.text, this.height, this.width}) : super(key: key);
    String text;
    double height;
    double width;
    @override
    _PrettyFormState createState() => _PrettyFormState();
  }

  class _PrettyFormState extends State<PrettyForm> {
    @override
    Widget build(BuildContext context) {
      double screen_height = MediaQuery.of(context).size.height;
      double screen_width = MediaQuery.of(context).size.width;
      final form_controller = TextEditingController();
      double height = my_percent(5, screen_height);

      return Container(
        width: width,
        height: height,
        margin: EdgeInsets.all(my_percent(2, screen_height)),
        decoration: BoxDecoration(
            borderRadius: new BorderRadius.all(Radius.circular(18.0)),
            border: Border.all(color: Colors.grey)),
        child: TextFormField(
          textAlign: TextAlign.center,
          controller: form_controller,
          decoration:
              InputDecoration(border: InputBorder.none, hintText: widget.text),
          onChanged: (value) {
            print(value);
          },
        ),
      );
    }
  }

Если вы посмотрите на первый вызов PrettyForm, я пытаясь восстановить ввод электронной почты в строке. Как я могу вернуть входное значение из вызова виджета PrettyForm в виджет SignUp (SignUp - это главный экран)

Answer 1

вам необходимо использовать свойство onValueChanged

import 'package:ChatApp/pretty_form.dart';
import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: SignUp(),
    );
  }
}

class SignUp extends StatefulWidget {
  SignUp({
    Key key,
  }) : super(key: key);

  @override
  _SignUpState createState() => _SignUpState();
}

class _SignUpState extends State<SignUp> {
  String email = "";
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("SignUp"),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            email = PrettyForm(text: "Enter your email adress",(newValue) => email),
            PrettyForm(text: "Enter your mdp",(newValue) => password),
          ],
        ),
      ),
    );
  }
}

форма

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

class PrettyForm extends StatefulWidget {
  PrettyForm({
    Key key,
    this.text,
    this.height,
    this.width,
    this.onChanged,
  }) : super(key: key);
  String text;
  double height;
  double width;

  // add this
  final ValueChanged<String> onChanged;

  @override
  _PrettyFormState createState() => _PrettyFormState();
}

class _PrettyFormState extends State<PrettyForm> {
  @override
  Widget build(BuildContext context) {
    double screen_height = MediaQuery.of(context).size.height;
    double screen_width = MediaQuery.of(context).size.width;
    final form_controller = TextEditingController();
    double height = my_percent(5, screen_height);

    return Container(
      width: width,
      height: height,
      margin: EdgeInsets.all(my_percent(2, screen_height)),
      decoration: BoxDecoration(
          borderRadius: new BorderRadius.all(Radius.circular(18.0)),
          border: Border.all(color: Colors.grey)),
      child: TextFormField(
        textAlign: TextAlign.center,
        controller: form_controller,
        decoration:
            InputDecoration(border: InputBorder.none, hintText: widget.text),
        onChanged: (value) {
          print(value);
          widget.onChanged(newValue);
        },
      ),
    );
  }
}