I have a question, how do I completely remove the button from the screen? I know that it is possible to disable it using Null, but this does not suit me, because it will still be displayed, albeit in the off state. I would like the button to be completely removed after a few clicks on it, how can I do this?

 ElevatedButton(
              onPressed: () {
                setState(() {
                  _clickBloc.add(ClickUpdate());
                });
              },
            ), 

CodePudding user response：

Wrap with Visibility you can hide it with visible: false ,you can use ternary condition with bool to change it

Visibility(
    child: ElevatedButton(...),
    visible: false,
)

• read more on medium

CodePudding user response：

You can wrap ElevatedButton with Visible Widget. And make Visible widget property to false after few clicks.

bool visibleVar = true;
Visibility(
  child: ElevatedButton(
              onPressed: () {
                setState(() {
                  _clickBloc.add(ClickUpdate());
                  visibleVar();
                });
              },
            ),
  visible: visibleVar,
),

void changeVisibility(){
  visibleVar = ! visibleVar;
}

CodePudding user response：

You can also use conditional if with a bool like bool showThisWidget = true

if (showThisWidget) ElevatedButton(....)

If it is on child , most child accept null.

child: showThisWidget? ElevatedButton(....) :null