Я хочу, чтобы текст плоской кнопки обновлялся текстом, введенным пользователем в сообщении с предупреждением

Question

Я добавил в свой проект плоскую кнопку, которая выдает сообщение с текстовым полем. Я хочу, чтобы текст кнопки «Плоский» обновлялся текстом, введенным пользователем в сообщении о предупреждении.

1. Это моя функция для создания диалогового окна предупреждения.

Future<String> createAlertDialog(BuildContext context) {

    TextEditingController customController = TextEditingController();

    return showDialog(context: context, builder: (context){
      return AlertDialog(
        title:  Text("Your Name"),
        content: TextField(
          controller: customController,
        ),
        actions: <Widget>[
          MaterialButton(
            elevation: 5.0,
            child: Text("Submit"),
            onPressed: () {
              Navigator.of(context).pop(customController.text.toString());
            },
          )
        ],
      );
    });
  }

Это функция, в которой я хочу получить ее и обновить текст кнопки, которая в настоящее время гласит «Введите ваше имя».

  List<Widget> codeField() {
    return [
      Container(
        child: Center(
          child: new FlatButton(
            child: new Text('Enter Your Name',
                style: new TextStyle(fontSize: 10.0)),
            onPressed: () {
              createAlertDialog(context).then((onValue) {
                SnackBar mySnackbar = SnackBar(content: Text("$onValue"));
                Scaffold.of(context).showSnackBar(mySnackbar);
              });
            }
          ),
        ),
      )
    ];
  }

Answer 1

Вы можете скопировать и запустить полный код ниже
Вы можете обернуть FlatButton с StatefulBuilder

фрагмент кода

  String name = 'Enter Your Name';

  List<Widget> codeField() {
    return [
      Container(
        child: Center(child: new StatefulBuilder(
            builder: (BuildContext context, StateSetter setState) {
          return FlatButton(
              child: new Text('$name', style: new TextStyle(fontSize: 10.0)),
              onPressed: () {
                createAlertDialog(context).then((onValue) {
                  name = onValue;
                  print(onValue);
                  SnackBar mySnackbar = SnackBar(content: Text("$onValue"));
                  _scaffoldKey.currentState.showSnackBar(mySnackbar);
                  setState(() {});
                });
              });
        })),
      )
    ];
  }

рабочая демонстрация

полный код

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: MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);

  final String title;

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

class _MyHomePageState extends State<MyHomePage> {
  int _counter = 0;
  final _scaffoldKey = GlobalKey<ScaffoldState>();

  Future<String> createAlertDialog(BuildContext context) {
    TextEditingController customController = TextEditingController();

    return showDialog(
        context: context,
        builder: (context) {
          return AlertDialog(
            title: Text("Your Name"),
            content: TextField(
              controller: customController,
            ),
            actions: <Widget>[
              MaterialButton(
                elevation: 5.0,
                child: Text("Submit"),
                onPressed: () {
                  Navigator.of(context).pop(customController.text.toString());
                },
              )
            ],
          );
        });
  }

  String name = 'Enter Your Name';

  List<Widget> codeField() {
    return [
      Container(
        child: Center(child: new StatefulBuilder(
            builder: (BuildContext context, StateSetter setState) {
          return FlatButton(
              child: new Text('$name', style: new TextStyle(fontSize: 10.0)),
              onPressed: () {
                createAlertDialog(context).then((onValue) {
                  name = onValue;
                  print(onValue);
                  SnackBar mySnackbar = SnackBar(content: Text("$onValue"));
                  _scaffoldKey.currentState.showSnackBar(mySnackbar);
                  setState(() {});
                });
              });
        })),
      )
    ];
  }

  void _incrementCounter() {
    setState(() {
      _counter++;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      key: _scaffoldKey,
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
            mainAxisAlignment: MainAxisAlignment.center, children: codeField()),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: 'Increment',
        child: Icon(Icons.add),
      ),
    );
  }
}