在Android中,每个单独的View子类都有一个setVisibility()方法,允许你修改View对象的可见性
有3个设置可见性的选项:
可见:在布局中显示视图
不可见:隐藏视图,但留下一个空白,相当于视图在可见时所占据的空白
消失:隐藏视图,并将其完全从布局中移除。就好像它的高和宽都是0dp
对于Flutter中的小部件,是否有与上述相同的东西?
快速参考:
https://developer.android.com/reference/android/view/View.html#attr_android:visibility
正如@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"
)
],
),
)
]))
更新:因为这个答案是写的,可见性被引入,并提供了这个问题的最佳解决方案。
你可以在不透明度:为0.0的情况下使用不透明度来绘制隐藏的元素,但仍然占用空间。
为了使它不占用空间,将其替换为空Container()。
编辑:
要将它包装在不透明对象中,请执行以下操作:
new Opacity(opacity: 0.0, child: new Padding(
padding: const EdgeInsets.only(
left: 16.0,
),
child: new Icon(pencil, color: CupertinoColors.activeBlue),
))
谷歌开发者不透明度快速教程:https://youtu.be/9hltevOHQBw
在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;
});
},)
],
)