Flutter登录注册欢迎页：如何缩小图片与文本间距？

以下是几种可行的解决方式，你可以根据实际情况选择：

1. 裁剪图片多余透明边距 #

很多Logo图片本身带有多余的透明空白区域，这是导致间距过大的常见原因。用图片编辑工具（如Figma、Photoshop）打开logo2.png，裁剪掉图片周围的空白部分，重新替换assets里的图片即可。

2. 调整Image组件的高度参数 #

当前你给Image设置了固定高度250.0，如果图片实际内容没有这么高，多余的空间会被留白占据。尝试缩小这个高度值，比如改成180.0，同时可以根据需要调整宽度：

const Padding(
  padding: EdgeInsets.all(10),
  child: Image(
    image: AssetImage("assets/images/logo2.png"),
    width: 180.0,
    height: 180.0, // 缩小高度
    fit: BoxFit.contain,
  ),
),

3. 给Image添加负边距 #

用Container包裹Image，设置负的底部边距，强行拉近与下方文本的距离：

Container(
  margin: const EdgeInsets.only(bottom: -30), // 负边距数值按需调整
  child: const Padding(
    padding: EdgeInsets.all(10),
    child: Image(
      image: AssetImage("assets/images/logo2.png"),
      width: 180.0,
      height: 250.0,
      fit: BoxFit.contain,
    ),
  ),
),

4. 调整Flex布局的比例 #

如果Logo和文本所在的父容器是Column，调整两者的flex比例，减少Logo占据的空间：

Column(
  children: [
    Flexible(
      flex: 2, // 减少Logo区域的flex占比
      child: const Padding(
        padding: EdgeInsets.all(10),
        child: Image(
          image: AssetImage("assets/images/logo2.png"),
          width: 180.0,
          height: 250.0,
          fit: BoxFit.contain,
        ),
      ),
    ),
    Flexible(
      flex: 8, // 保持文本区域的占比
      child: Container(
        padding: const EdgeInsets.only(top: 5.0),
        child: Center(
          child: RichText(
            textAlign: TextAlign.center,
            text: const TextSpan(
              children: [
                TextSpan(
                  text: "Welcome Back!",
                  style: TextStyle(
                    fontSize: 45.0,
                    fontWeight: FontWeight.w600,
                    color: Color(0xFF7F6F5E),
                  ),
                ),
                TextSpan(
                  text: "\nYou enter personal deets bro",
                  style: TextStyle(
                    fontSize: 20,
                    fontWeight: FontWeight.w500,
                    color: Color(0xFF7F6F5E),
                  ),
                ),
              ],
            ),
          ),
        ),
      ),
    ),
  ],
)

内容的提问来源于stack exchange，提问作者Yan Xi Long