Flutter Card组件文字换行与AssetImage加载异常问题咨询

问题1解决方案：卡片描述文本多行展示 #

你的卡片组件放在横向滚动的Row内，Row的横向布局空间无边界，导致卡片内的Text组件没有最大宽度约束，即使设置了softWrap也无法自动换行，按以下步骤修改即可：

1. 给MovieWidget的根节点添加固定宽度约束，比如将现有根节点的SingleChildScrollView外层套一层SizedBox指定宽度：

@override
Widget build(BuildContext context) {
  return SizedBox(
    // 可根据需求自定义调整卡片宽度数值
    width: 260,
    child: SingleChildScrollView(
      // 原有Card代码保持不变
    ),
  );
}

2. 如果你不需要卡片内容垂直滚动，可以直接去掉外层的SingleChildScrollView，只保留SizedBox包裹Card即可。修改后Text拿到最大宽度约束，就会按maxLines配置自动换行展示多行内容。

问题2解决方案：AssetImage无法正常显示 #

Asset加载失败通常是以下3种原因，逐一排查即可：

• pubspec.yaml配置错误：确认你在项目根目录的pubspec.yaml文件中正确配置了assets路径，配置格式如下（注意缩进严格和uses-material-design对齐，路径末尾必须带斜杠才能识别文件夹内所有文件）：

flutter:
  uses-material-design: true
  # 新增assets配置
  assets:
    - assets/images/

• 路径或文件名不匹配：检查你代码中写的bannerPath和实际assets/images文件夹下的文件名完全一致，注意iOS/Android平台对文件名大小写敏感，比如实际文件是21_Movie.jpeg，代码写21_movie.jpeg就会加载失败。
• 未重启项目生效配置：修改pubspec.yaml后热重载/热重启不会加载新的assets配置，需要完全停止当前运行的项目，重新执行flutter run命令启动才能生效。

内容的提问来源于stack exchange，提问作者Jonas Jacob Biermann