I want to create widget when I press button

Question

How can I create widget when I pressed IconButton I tried something but it's not working.If you know and help me I will be happy.

Container(
      color: Colors.redAccent,
      height: commonHeight / 12,
      width: commonWidth * 10 / 100,
      child: IconButton(
        highlightColor: Colors.yellow,
        icon: Icon(Icons.add_sharp),
        iconSize: 25,
        onPressed: () {
        print('Something');
                  },
                ),
              ),
            ],
          ),

What you could do is create a widget and keep it hidden and by clicking the button show it. — Felipe Vergara
– Felipe Vergara, Commented Mar 25, 2021 at 11:01

Sarvesh Dalvi · Accepted Answer · 2021-03-25 11:03:50Z

1

First create a bool variable(say you name it isWidgetVisisble) which will control the visibility of the widget. Then in your widget tree you can add a conditional statement like this :

isWidgetVisible ? YourWidget() : Container();

Meaning of this line is simple, if your isWidget Visible is true, the widget will be displayed else it will display an empty container of height and width 0.

Then in your onPressed function you can call a setState will will toggle the boolean variable it will be something like this :

onPressed: () {
       setState((){
       isWidgetVisible = true;
  });
},

Also make sure to position the new widget properly, if you have added it somewhere in the middle of a column then it will push the other widgets below it down.

answered Mar 25, 2021 at 11:03

Sarvesh Dalvi

2,7482 gold badges16 silver badges34 bronze badges

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

Collectives™ on Stack Overflow

I want to create widget when I press button

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related