Flutter Widget显示隐藏

在这里插入图片描述

在Android中我们可以用visibility来控制控件的显示和隐藏,那在Flutter中我们怎么控制呢?


其实,在Flutter中控制Widget显示和隐藏有3中方法:

不过3种方法的核心思想都是根据变量的值去判断的,所以先定义一个变量:

bool visible = true;

变量的值可以在事件中去控制,比如:

       onPressed: () {
         setState(() {
           visible = visible ? false : true;
         });
       }, 

ok, 进入正题。


方法一

visible ? Padding(padding: EdgeInsets.all(30), child: Text('yechaoa')) : Container(),

根据visible判断显示Padding 还是显示一个空的Container


方法二

                    Opacity(
                      opacity: visible ? 1.0 : 0.0,
                      child: Padding(
                        paddi

版权声明:本文为yechaoa原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。