flutter实践:慎用Expanded(二)

问题:又一次遇到使用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(),
        ),
      ),
    );
相关推荐
mocoding1 小时前
flutter通信小能手pigeon三方库已完成鸿蒙化适配
flutter·华为·harmonyos
一起养小猫1 小时前
Flutter for OpenHarmony 实战:2048游戏完整开发指南
flutter·游戏·harmonyos
血色橄榄枝4 小时前
13-14 底部选项卡 flutter on openHarmony
flutter·开源·鸿蒙
一起养小猫4 小时前
Flutter for OpenHarmony 实战:排球计分系统完整开发指南
flutter·harmonyos
一起养小猫6 小时前
Flutter for OpenHarmony 实战:推箱子游戏完整开发指南
flutter·游戏·harmonyos
子春一6 小时前
Flutter for OpenHarmony:构建一个 Flutter 数字华容道(15-Puzzle),深入解析可解性保障、滑动逻辑与状态同步
flutter·游戏
2601_949857437 小时前
Flutter for OpenHarmony Web开发助手App实战:文本统计
前端·flutter
2501_940007898 小时前
Flutter for OpenHarmony三国杀攻略App实战 - 项目总结与未来展望
flutter
一起养小猫9 小时前
Flutter for OpenHarmony 进阶:递归算法与数学证明深度解析
算法·flutter
小虾爬滑丫爬9 小时前
flutter开发手机app,一直安装不到真机上apk
flutter·安装apk卡死