在 Flutter 中向父 Widget 发送数据

在你的例子中，我们做了一些假设.我会试着一个接一个地移除.

1. 您将abc从父项传递到子项，并在按下On按钮时改变了子项的值.由于基元类型在DART中为pass by value，因此在子代中更改abc的值不会更改父代abc的值.请参阅下面的代码片段.

   void main() {
     String abc = "oldValue";
     changeIt(abc);
     print(abc); // oldValue
   }
   
   void changeIt(String abc) {
     abc = "newValue";
     print(abc); //newValue
   }
   

2. 让我们假设第一个是错误的(出于理解目的).然后，更改子对象中的值abc将更改父对象中的值abc.但是如果不调用父代的内部setState，则父代将不会反映该改变.在您的例子中，如果您按如下所示更改代码，它将在单击时单独更改按钮文本(因为调用了Child的setState).

     new FlatButton(
       onPressed: () {
         setState(
           () {
             widget.abc = "RANDON TEXT";
           },
         );
       },
       child:
           new Text(widget.abc), // setting the text based on abc
       color: Colors.red,
     ),
   

3. 我建议使用callbacks，而不是使用globalState，因为随着应用程序的增长，globalState将很难维护/调试.请参考下面的代码.

       void main() => runApp(new TestApp());
   
       class TestApp extends StatefulWidget {
         @override
         _TestState createState() => new _TestState();
       }
   
       class _TestState extends State<TestApp> {
         String abc = "bb";
   
         callback(newAbc) {
           setState(() {
             abc = newAbc;
           });
         }
   
         @override
         Widget build(BuildContext context) {
           var column = new Column(
             children: <Widget>[
               new Text("This is text $abc"),
               TestApp2(abc, callback)
             ],
           );
           return new MaterialApp(
             home: new Scaffold(
               body: new Padding(padding: EdgeInsets.all(30.0), child: column),
             ),
           );
         }
       }
   
       class TestApp2 extends StatefulWidget {
         String abc;
         Function(String) callback;
   
         TestApp2(this.abc, this.callback);
   
         @override
         _TestState2 createState() => new _TestState2();
       }
   
       class _TestState2 extends State<TestApp2> {
         @override
         Widget build(BuildContext context) {
           return new Container(
             width: 150.0,
             height: 30.0,
             margin: EdgeInsets.only(top: 50.0),
             child: new FlatButton(
               onPressed: () {
                 widget.callback("RANDON TEXT"); //call to parent
               },
               child: new Text(widget.abc),
               color: Colors.red,
             ),
           );
         }
       }