Hide Text Widget visibility in Flutter on the click of button

Question

I want to hide a text widget visibility on the click of a button using Visibility widget. How can I achieve this in Flutter? I have created a function which accepts a bool variable which defines the visibility of the Text Widget. On the click of the button, I am calling that function. For the first time, the text is shown to the user. But on the click of the button, the text is not invisible.

//created a method to show and hide the text using visibility widget
hideTextVisibility(bool visibilityStatus){
return visibilityStatus? Visibility(
visible: visibilityStatus,
child: Text("flutter"),

):Container();}



//button click code and for the first time the text will be visible 
RaisedButton(onPressed: (){
setState(() {
hideTextVisibility(false);
});

Alan John · Accepted Answer · 2019-05-21 07:17:48Z

18

Step 1:

bool _visible = false;

Step 2:

void _toggle() {
    setState(() {
      _visible = !_visible;
    });
  }

Step 3: Add on your RaisedButton or any other button

onPressed: _toggle,

Step 4: Code your widget like this.

Gone: The widget doesn't take any physical space and is completely gone.

Visibility(
  child: Text("Gone"),
  visible: _visible,
),

Invisible: The widget takes physical space on the screen but not visible to user.

Visibility(
  child: Text("Invisible"),
  maintainSize: true, 
  maintainAnimation: true,
  maintainState: true,
  visible: _visible, 
),

answered May 21, 2019 at 7:17

Alan John

7879 silver badges16 bronze badges

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

Comments

Govaadiyo · Accepted Answer · 2018-12-17 11:39:57Z

2

You are passing hardcode false to the button's method hideTextVisibility(false); just change here hideTextVisibility(visibilityStatus);

answered Dec 17, 2018 at 11:39

Govaadiyo

6,13212 gold badges46 silver badges76 bronze badges

Collectives™ on Stack Overflow

Hide Text Widget visibility in Flutter on the click of button

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related