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(),
        ),
      ),
    );
相关推荐
微:xsooop1 小时前
iOS 上架4.3a 审核4.3a 被拒4.3a 【灾难来袭】
flutter·unity·ios·uniapp
程序员老刘1 小时前
假如Flutter用Rust,你也写不出更快的App
flutter·rust·dart
灰灰勇闯IT2 小时前
flutter环境配置中遇到的问题
flutter
renxhui2 小时前
Dart 速通攻略(面向 Android 工程师)
android·flutter·dart
勇气要爆发6 小时前
【第五阶段—高级特性和架构】第七章:CustomPainter—绘图大师
flutter
用户7502734994777 小时前
我用百度文心快码开发了一款积木工坊:用AI让每个孩子都成为小小建筑师
flutter
名字被你们想完了7 小时前
Flutter 实现一个容器内部元素可平移、缩放和旋转等功能(一)
flutter
灰灰勇闯IT7 小时前
Flutter×VS Code:跨端开发的高效协作指南(2025最新配置)
笔记·flutter·harmonyos
●VON8 小时前
Flutter vs React Native vs 原生开发:有何不同?
学习·flutter·react native·react.js·openharmony
白茶三许8 小时前
【OpenHarmony】深入理解 Flutter 异步编程:从基础到实战
flutter·开源·openharmony·gitcode