Flutter GridView.builder 卡片上方出现多余空白问题排查

问题原因 #

你的GridView被不必要地嵌套在Row+Expanded组件中，Row默认的crossAxisAlignment为CrossAxisAlignment.center，再加上shrinkWrap: true的GridView会尽可能收缩自身高度，Row的居中对齐逻辑就会在GridView上下强制产生空白区域。

修复方案 #

直接移除GridView外层冗余的Row和Expanded，让GridView作为Padding的直接子组件即可：

修改后的GridView代码 #

Padding(
  padding: EdgeInsets.symmetric(
    horizontal: screenWidth * 0.08,
  ),
  // 移除外层无用的Row和Expanded
  child: GridView.builder(
    shrinkWrap: true,
    physics: const NeverScrollableScrollPhysics(),
    // 消除GridView自身默认内边距
    padding: EdgeInsets.zero,
    gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
      crossAxisCount: 3,
      crossAxisSpacing: 16.0,
      mainAxisSpacing: 16.0,
    ),
    itemCount: items.length,
    itemBuilder: (context, index) {
      return Card(
        color: Colors.white,
        elevation: 4,
        shape: RoundedRectangleBorder(
          borderRadius: BorderRadius.circular(16),
        ),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Image.asset(
              items[index]['image'],
              width: screenWidth * 0.1,
              height: screenHeight * 0.04,
              fit: BoxFit.cover,
            ),
            SizedBox(height: screenHeight * 0.01),
            Text(
              items[index]['text'],
              style: GoogleFonts.poppins(
                fontSize: screenWidth * 0.025,
                fontWeight: FontWeight.bold,
                color: AppColors.textSecondary,
              ),
            ),
          ],
        ),
      );
    },
  ),
),

额外优化方案（若需保留Row） #

如果确实需要保留Row组件（比如要添加其他横向元素），给Row设置crossAxisAlignment: CrossAxisAlignment.start，避免垂直居中导致的空白：

Padding(
  padding: EdgeInsets.symmetric(horizontal: screenWidth * 0.08),
  child: Row(
    // 强制Row内容顶部对齐
    crossAxisAlignment: CrossAxisAlignment.start,
    children: [
      Expanded(
        child: GridView.builder(
          // ... 原有GridView代码
        ),
      ),
    ],
  ),
),

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