flutter实践：慎用Expanded(二)

汤面不加鱼丸

已于 2024-01-03 19:26:16 修改

阅读量709

点赞数 9

CC 4.0 BY-SA版权

文章标签： flutter

于 2024-01-03 19:12:39 首次发布

本文链接：https://blog.csdn.net/Noodles_ck/article/details/135370980

文章讨论了在release版本中，使用Expanded导致页面卡死的问题。作者发现可能是因为Expanded外层仅包裹了一个SizedBox，导致在release模式下性能问题。解决方案是移除Expanded，直接让SingleChildScrollView处理横向滑动。

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

问题：又一次遇到使用Expanded引起的问题，debug模式调试正常，release版本导致页面卡死。

问题代码：

return SizedBox(
      height: uiCommonConfig.heightXxl,
      child: Expanded(
        child: SingleChildScrollView(
          scrollDirection: Axis.horizontal,
          child: Row(
            mainAxisAlignment: MainAxisAlignment.start,
            crossAxisAlignment: CrossAxisAlignment.center,
            children: _buildViewByType(),
          ),
        ),
      ),
    );

分析：可能是Expanded外层只有一个SizedBox的关系，导致release版本异常。其实这里去掉Expanded这一层可以实现横向滑动。

修改代码：

return SizedBox(
      height: uiCommonConfig.heightXxl,
      child: SingleChildScrollView(
        scrollDirection: Axis.horizontal,
        child: Row(
          mainAxisAlignment: MainAxisAlignment.start,
          crossAxisAlignment: CrossAxisAlignment.center,
          children: _buildViewByType(),
        ),
      ),
    );