flutter实践：慎用Expanded(二)

汤面不加鱼丸2024-01-04 10:55

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

问题代码：

Dart 复制代码

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这一层可以实现横向滑动。

修改代码：

Dart 复制代码

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