how to hide and show widget in flutter

android developer answered on July 19, 2021 Popularity 9/10 Helpfulness 5/10

answer how to hide and show widget in flutter

related flutter hide widget

how to hide and show widget in flutter

Comment

Invisible: The widget takes up physical space on the screen but is not 
visible to user. This can be achieved using Visibility widget.

Gone: The widget doesn't take up any physical space and is completely gone.
This can be achieved using Visibility, if or if-else condition.

Invisible example:
  Visibility(
    child: Text("Invisible"),
    maintainSize: true, 
    maintainAnimation: true,
    maintainState: true,
    visible: false, 
  ),
  
Gone example:
  Visibility(
    child: Text("Gone"),
    visible: false,
  ),
Using if:
  For one child:
    Column(
      children: <Widget>[
        Text('Good Morning'), // Always visible
        if (wishOnePerson) Text(' Mr ABC'), // Only visible if condition is true
      ],
    ) 
  
  For multiple children:
    Column(
      children: [
        Text('Good Morning'), // Always visible
        if (wishAll) ... [ // These children are only visible if condition is true
          Text('Mr ABC'),
          Text('Mr DEF'),
          Text('Mr XYZ'),
        ],
      ],
    )
    
Using if-else:
  For one child:
    Column(
      children: <Widget>[
        // Only one of them is visible based on 'isMorning' condition
        if (isMorning) Text('Good Morning')
        else Text ('Good Evening'),
      ],
    ) 
    
  For multiple children:
    Column(
      children: [
        // Only one of the children will be shown based on `beforeSunset` condition
        if (beforeSunset) ... [
          Text('Good morning'),
          Text('Good afternoon'),
        ] else ... [
          Text('Good evening'),
          Text('Good night'),
        ],
      ],
  )

Popularity 9/10 Helpfulness 5/10 Language java

Source: Grepper

Tags: flutter hide java show widget

Link to this answer
Share Copy Link

Contributed on Sep 19 2022

android developer

0 Answers Avg Quality 2/10

Closely Related Answers

flutter hide widget

Comment

Visibility(
  visible: false, 
  child: Text("Invisible"),
),

Popularity 10/10 Helpfulness 6/10 Language dart

Source: Grepper

Tags: dart

Link to this answer
Share Copy Link

Contributed on Jul 19 2021

The Biton Edge

0 Answers Avg Quality 2/10

flutter hide widget

Comment

    Visibility(
      visible: false,
      child:Column(
          children:
          [
            Text('This text widget is invisible'),
          ]
      ),
    ),

Popularity 9/10 Helpfulness 3/10 Language whatever

Source: Grepper

Tags: flutter

Link to this answer
Share Copy Link

Contributed on Jul 17 2022

Xfantasia

0 Answers Avg Quality 2/10

how to hide and show widget in flutter

Contents

More Related Answers