How to pass data to a widget inside of another widget

Question

I was able to pass the data widget.value from the FirstPage to SecondPage. There's a widget called thirdWidget inside SecondPage. How do I pass widget.value to thirdWidget?

class FirstPage extends StatefulWidget {
  @override
  State<StatefulWidget> createState() => FirstPageState();
}

class FirstPageState extends State< FirstPage > {
  final myController = TextEditingController();

  @override
  void dispose() {
    myController.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {

    return Scaffold(
      appBar: AppBar(
        title: Text('First Route'),
      ),
      body: Column(
        children: <Widget>[
          TextField(
            controller: myController,
            decoration: new InputDecoration(labelText: "Enter a number"),
            keyboardType: TextInputType.number,
          ),

          RaisedButton(
            child: Text("show text"),
            onPressed: () {
                    return Navigator.push(
                    context,
                    MaterialPageRoute(
                        builder: (context) => ThirdRoute(
                              selectedDate: selectedDate,
                              value: myController.text,
                            )),
                  );
              },
             );
            },
          ),
        ],
      ),
    );
  }
}



class SecondPage extends StatefulWidget {
  final String value;

  ThirdRoute({Key key, this.value})
      : super(key: key);

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

class SecodpageState extends State< SecondPage > {
  @override
  void initState() {
    super.initState();
  }


  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Calendar Page"),
      ),
      body: Column(
        children: <Widget>[
          Text("${widget.value}"),
          Row(
            children: thirdWidget(),
          ),
          Center(
            child: RaisedButton(
              onPressed: () {
                Navigator.pop(context);
              },
              child: Text('Go back!'),
            ),
          ),
        ],
      ),
    );
  }
}


List<Widget> thirdWidget() {
   return Text("${widget.value}”)
}

CopsOnRoad · Accepted Answer · 2019-09-27 15:34:16Z

1

Use this in your SecondPage

Row(
  children: thirdWidget(widget.value),
)

And update your thirdWidget like:

List<Widget> thirdWidget(var data) {
  // data is widget.value
  return [];
}

answered Sep 27, 2019 at 15:34

CopsOnRoad

271k97 gold badges702 silver badges471 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Rodrigo Bastos · Accepted Answer · 2019-09-27 15:35:18Z

0

Just pass that info into the state class. Something like that:

class SecondPage extends StatefulWidget {
  final String value;

  ThirdRoute({Key key, this.value})
      : super(key: key);

  @override
  SecodpageState createState() => SecodpageState(value);
}

class SecodpageState extends State< SecondPage > {
  final String value;

  SecodpageState(this.value);

  @override
  void initState() {
    super.initState();
  }


  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Calendar Page"),
      ),
      body: Column(
        children: <Widget>[
          Text("${widget.value}"),
          Row(
            children: thirdWidget(),
          ),
          Center(
            child: RaisedButton(
              onPressed: () {
                Navigator.pop(context);
              },
              child: Text('Go back!'),
            ),
          ),
        ],
      ),
    );
  }
}


List<Widget> thirdWidget() {
   return Text(value);
}

answered Sep 27, 2019 at 15:35

Rodrigo Bastos

2,47819 silver badges19 bronze badges

1 Comment

Kagimura Over a year ago

this one isn't working Text(value); is return value is undefined.

Collectives™ on Stack Overflow

How to pass data to a widget inside of another widget

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related