In your example, a few assumptions were made. I will try to remove one by one.
-
You pass
abc
from parent to child and you mutated the child value on press on button. As primitive types are pass by value in dart, change in the value ofabc
in child will not change the value of parentabc
. Refer the below snippet.void main() { String abc = "oldValue"; changeIt(abc); print(abc); // oldValue } void changeIt(String abc) { abc = "newValue"; print(abc); //newValue }
-
Let’s assume the first one is wrong(for understanding purpose). Then changing the value of
abc
in child will change the value ofabc
in parent. But without calling that insidesetState
of parent, parent will not reflect the change. In your case if you change the code as below, it will change the button text alone on click (as setState of child is called).new FlatButton( onPressed: () { setState( () { widget.abc = "RANDON TEXT"; }, ); }, child: new Text(widget.abc), // setting the text based on abc color: Colors.red, ),
-
Instead of using
globalState
which will be very difficult to maintain/debug as app grows, I would recommend usingcallbacks
. Please refer the below code.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, ), ); } }