Flutter - ListView 仅呈现列表中的 1 个子项答案

【问题标题】：Flutter - ListView renders only 1 child from a listFlutter - ListView 仅呈现列表中的 1 个子项
【发布时间】：2021-12-05 07:58:17
【问题描述】：

我在 FutureBuilder 中有一个 for 循环：

       for (var doc in exercises) {
        bool isRowsGeneratedForPreviousExercises = false;
        dataRowsForCompletedExercises = [];
        var setList = [];
        Map<String, dynamic> exercise;
        var exerciseName = '';
        exercise = doc.data() as Map<String, dynamic>;
        setList = exercise['sets'];
        exerciseName = exercise['name'];
        if (!(doc.id == exerciseId)) {
          for (var set in setList) {
            var weight = '';
            var reps = '';
            var isToFailure = false;
            weight = set['weight'].toString();
            reps = set['reps'].toString();
            isToFailure = set['isToFailure'];
            if (isRowsGeneratedForPreviousExercises == false) {
              _generateDataTableRowsForCompletedExercises(
                weight,
                reps,
                isToFailure,
              );
              isRowsGeneratedForPreviousExercises = true;
            }
          }
        }
        completedExercisesWidgetsList.add(
            _completedExercisesDataTableWidget(exerciseName)

        print('LIST LENGTH = ' +
            completedExercisesWidgetsList.length.toString());

     }//for loop ends

       return ListView(
        shrinkWrap: true,
        scrollDirection: Axis.vertical,
        children: completedExercisesWidgetsList,
      );
    }

completeExercisesWidgetsList的长度在循环结束时为6；但是只有 1 个孩子被渲染。有什么问题？

【问题讨论】：

标签： flutter for-loop dart listview

【解决方案1】：

我需要查看有关 ListView 父级的更多信息。

你需要研究两件事，

列表视图的scrollDirection
父小部件的height

用上面的代码，尝试增加height父widget。向上查看小部件，看看您是否有带有 height 属性的 SizedBox 或 Container。

或者，您可以将ListView 的scrollDirection 更改为Axis.horizontal，您将看到大部分小部件并且列表将水平滚动。

【讨论】：