在Android中，每个单独的View子类都有一个setVisibility()方法，允许你修改View对象的可见性
有3个设置可见性的选项:
可见:在布局中显示视图 不可见:隐藏视图，但留下一个空白，相当于视图在可见时所占据的空白 消失:隐藏视图，并将其完全从布局中移除。就好像它的高和宽都是0dp
对于Flutter中的小部件，是否有与上述相同的东西?
快速参考: https://developer.android.com/reference/android/view/View.html#attr_android:visibility
当前回答
bool _visible = false;
void _toggle() {
setState(() {
_visible = !_visible;
});
}
onPressed: _toggle,
Visibility(
visible:_visible,
child: new Container(
child: new Container(
padding: EdgeInsets.fromLTRB(15.0, 0.0, 15.0, 10.0),
child: new Material(
elevation: 10.0,
borderRadius: BorderRadius.circular(25.0),
child: new ListTile(
leading: new Icon(Icons.search),
title: new TextField(
controller: controller,
decoration: new InputDecoration(
hintText: 'Search for brands and products', border: InputBorder.none,),
onChanged: onSearchTextChanged,
),
trailing: new IconButton(icon: new Icon(Icons.cancel), onPressed: () {
controller.clear();
onSearchTextChanged('');
},),
),
),
),
),
),
其他回答
尝试Offstage小部件
如果属性off - stage:true则不占用物理空间且不可见，
如果属性offstage:false它将占用物理空间而可见
Offstage(
offstage: true,
child: Text("Visible"),
),
恕我直言，在Flutter中不需要可见性属性或特殊的小部件，因为如果你不需要显示小部件，就不要将其添加到小部件树中或将其替换为空小部件:
@override
Widget build(BuildContext context) {
return someFlag ? Text('Here I am') : SizedBox();
}
我认为能见度小部件存在的原因是因为很多人问:)人们习惯了由某些属性控制的元素的可见性
在flutter 1.5和Dart 2.3中，对于可视性消失，您可以在集合中使用if语句设置可见性，而不必使用容器。
e.g
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Text('This is text one'),
if (_isVisible) Text('can be hidden or shown'), // no dummy container/ternary needed
Text('This is another text'),
RaisedButton(child: Text('show/hide'), onPressed: (){
setState(() {
_isVisible = !_isVisible;
});
},)
],
)
正如@CopsOnRoad已经强调的那样， 您可以使用Visibility小部件。但是，如果你想保持它的状态，例如，如果你想建立一个viewpager，让一个按钮根据页面出现和消失，你可以这样做
void checkVisibilityButton() {
setState(() {
isVisibileNextBtn = indexPage + 1 < pages.length;
});
}
Stack(children: <Widget>[
PageView.builder(
itemCount: pages.length,
onPageChanged: (index) {
indexPage = index;
checkVisibilityButton();
},
itemBuilder: (context, index) {
return pages[index];
},
controller: controller,
),
Container(
alignment: Alignment.bottomCenter,
child: Row(
mainAxisAlignment: MainAxisAlignment.end,
children: <Widget>[
Visibility(
visible: isVisibileNextBtn,
child: "your widget"
)
],
),
)
]))
定义:
不可见:小部件占用屏幕上的物理空间，但对用户不可见。这可以使用可见度小部件来实现。
消失:小部件不占用任何物理空间，完全消失。这可以使用Visibility, if或if-else条件来实现。
无形的例子:
Visibility(
child: Text("Invisible"),
maintainSize: true,
maintainAnimation: true,
maintainState: true,
visible: false,
),
例子:
Visibility(
child: Text("Gone"),
visible: false,
),
使用如果:
对于一个孩子: 列( 孩子们:<部件> ( Text('Good Morning')， //始终可见 if (wishOnePerson) Text(' Mr ABC')， //只有条件为真时才可见 ), ） 对于多个孩子: 列( 孩子:( Text('Good Morning')， //始终可见 如果(但愿)……[//只有当condition为true时，这些子元素才可见 文本(“ABC先生”), 文本(“DEF先生”), 文本(“某某先生”), ), ), ）
使用if - else:
对于一个孩子: 列( 孩子们:<部件> ( //基于'isMorning'条件，只有一个是可见的 if (isMorning) Text('Good Morning') Text ('Good Evening')， ), ） 对于多个孩子: 列( 孩子:( //在' beforeSunset '条件下，只会显示一个子元素 if (beforeSunset)…［ 文本(“早上好”), 文本('下午好'), 其他的…［ 文本(“晚上好”), 文本('晚安'), ), ), ）
