如何为ListView中的最后一个Card组件添加底部边距

有两种常用的实现方式，按需选择即可：

• 方案1：给ListView本身添加底部padding（更推荐，性能开销更低）
  直接在ListView.builder上添加padding属性，这个底部padding属于列表滚动区域的一部分，只有滚动到最底部时才会显示，不会固定占用页面底部空间：

  ListView.builder(
      padding: const EdgeInsets.only(bottom: 20), // 加这一行，数值和你Card的上边距保持一致即可
      itemCount: favorites.length,
      itemBuilder: (context, index) {
          return Card(
              margin: const EdgeInsets.symmetric(horizontal: 20).copyWith(top: 20), ... ),
  

• 方案2：判断是否为最后一个item，单独添加底部边距
  适合需要最后一个Card本身就自带底部边距的场景：

  ListView.builder(
      itemCount: favorites.length,
      itemBuilder: (context, index) {
          return Card(
              // 判断是不是最后一项，是就加bottom边距，否则不加
              margin: const EdgeInsets.symmetric(horizontal: 20).copyWith(
                top: 20, 
                bottom: index == favorites.length - 1 ? 20 : 0
              ), ... ),
  

两种方案的效果一致，默认优先选方案1即可，无需额外做下标判断，实现更简洁。

内容的提问来源于stack exchange，提问作者rozerro