SwiftUI文本未占满UI空白区域被截断问题求助

你的问题出在承载标题的VStack没有获取足够的水平可用空间。在HStack布局中，默认情况下子视图只会占据自身内容所需的宽度，导致你的文本容器没有撑满绿色区域的剩余空间。

修复步骤 #

给包含标题的VStack添加frame(maxWidth: .infinity, alignment: .leading)修饰符，让它占据HStack中除左侧图片和右侧按钮区域之外的全部水平空间：

VStack(alignment: .leading, spacing: 5) {
    // 用户名和头像的HStack保持不变
    HStack {
        if let profilePicURLString = content.userProfilePic {
            ImageView(urlString: profilePicURLString)
                .frame(width: 20, height: 20)
                .clipShape(Circle())
        }
        if let username = content.username {
            Text(username)
                .font(.system(size: 12))
                .foregroundColor(.white)
        }
    }
    
    if let title = content.title {
        Text(title)
            .font(.system(size: 12))
            .foregroundColor(.white)
            .lineLimit(5)
    }
}
.frame(maxWidth: .infinity, alignment: .leading) // 添加这一行

原理说明 #

• maxWidth: .infinity：告诉这个VStack尽可能占据父容器（此处为HStack）提供的最大水平空间
• alignment: .leading：保持内容左对齐，符合你原本的布局需求

你之前添加的.fixedSize(horizontal: false, vertical: true)之所以无效，是因为它的作用是让视图根据内容自动调整垂直高度，但前提是视图已经获得了足够的水平宽度来展开文本。

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