Flutter 隐藏控件最佳方法

张流程

于 2019-04-11 17:30:30 发布

阅读量8k

点赞数 2

分类专栏： flutter

本文链接：https://blog.csdn.net/xizhao88/article/details/89215875

版权

flutter 专栏收录该内容

3 篇文章

订阅专栏

本文探讨了Flutter中控件的隐藏与加载策略，包括通过透明度和Offstage进行隐藏的方法，以及如何利用返回值和Visibility控件实现只有在需要显示时才加载控件的技术。这对于优化应用性能和用户体验至关重要。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

网上查了下隐藏控件的主要有两种：

1.通过透明度

2.通过Offstage

但这两种方式隐藏的控件都会被加载进来，如果是自定义widget，都会调用initState方法。

如果想显示的时候才加载，隐藏的时候就移除的话，也有两种方式：

1.通过方法返回值

buildTestWidget() {
    if (xxx) {
        // 真正需要展示的空间
        return Widget();    
    } else {
        // 空白的占位符，不能返回null
        return Container(
            width: 0,
            height: 0
        );
    }
}

2.通过返回空白占位符，应该大部分人都能想到，这种方式不优雅。最佳方法如下：

Visibility(
    visible: 是否显示,
    child: Widget(),
)