flutter - 如何将变量作为参数传递给小部件二，在那里修改它，并将修改后的值返回给小部件一，Flutter

Question

如何将变量作为参数传递给小部件二，在那里修改它，并将修改后的值返回给小部件一。 当我单击“更改它”按钮时，我需要更改变量的值，并且该更改会反射(reflect)在小部件一中。

class FirstWidget extends StatefulWidget {
  @override
  _FirstWidgetState createState() => _FirstWidgetState();
}
class FirstWidgetState extends State<FirstWidget> {
String c = 'start';
        @override
        Widget build(BuildContext context){
            return Container(
                child: SecondWidget(variable: c),
            );
        }
    }
    class SecondWidget extends StatefulWidget {
    String variable;
    SecondWidget({ this.variable });
  @override
  _SecondWidgetState createState() => _SecondWidgetState();
}
    class SecondWidgetState extends State<SecondWidget> {
        @override
        Widget build(BuildContext context){
            return Container(
                child: RaisedButton(child:Text('Change it'), onPressed: () {widget.variable = 'end';}),

            );
        }
    }

Answer 1

可以通过回调轻松实现它，这意味着您将一个函数传递给第二个小部件，然后单击按钮时调用该函数，这样您就可以在第一个小部件中修改您想要的任何内容。

像这样:

class FirstWidget extends StatefulWidget {
  @override
  _FirstWidgetState createState() => _FirstWidgetState();
}
class FirstWidgetState extends State<FirstWidget> {
String c = 'start';
        @override
        Widget build(BuildContext context){
            return Container(
                child: SecondWidget(variable: c, onChange: (newVal) {
                    setState(() {c = newVal;});
                 }),
            );
        }
    }
    class SecondWidget extends StatefulWidget {
    String variable;
    final onChange;

    SecondWidget({ this.variable, this.onChange });
  @override
  _SecondWidgetState createState() => _SecondWidgetState();
}
    class SecondWidgetState extends State<SecondWidget> {
        @override
        Widget build(BuildContext context){
            return Container(
                child: RaisedButton(child:Text('Change it'), onPressed: () {widget.onChange('end');}),

            );
        }
    }