SwiftUI聊天气泡布局问题：消息左对齐、时间戳右对齐实现

问题核心是：给时间戳嵌套HStack+Spacer会导致气泡被拉宽，因为默认HStack会尽可能占据可用宽度。我们可以直接给时间戳文本设置frame属性，让它填充当前行宽度并右对齐，同时不影响气泡的整体宽度自适应。

修正后的完整代码：

struct ReceivedMessageRow: View {
    var text: String
    var messageTime: String
    
    var body: some View {
        HStack {
            VStack(alignment: .leading, spacing: 4) {
                Text(text)
                    .fixedSize(horizontal: false, vertical: true) // 文本过长时自动换行
                Text(messageTime)
                    .font(.caption)
                    .frame(maxWidth: .infinity, alignment: .trailing) // 关键设置：时间戳右对齐且不拉伸气泡
            }
            .frame(minWidth: 100, alignment: .leading) // 保持最小宽度100，内容左对齐
            .padding(8)
            .border(.red, width: 3)
            .cornerRadius(8)
            Spacer()
        }
        .border(.blue)
        .padding(.leading, 8)
        .padding(.trailing, 48)
        .padding(.vertical, 2)
        .frame(maxWidth: .infinity)
    }
}

关键修改说明：

• 移除嵌套的HStack，直接给Text(messageTime)添加.frame(maxWidth: .infinity, alignment: .trailing)：这个设置让时间戳的文本框填充VStack的当前宽度（由消息文本的宽度决定），同时将文本对齐到右侧，既实现了右对齐需求，又不会让气泡被不必要地拉宽。
• 新增fixedSize(horizontal: false, vertical: true)确保消息文本在长度超过气泡宽度时自动换行，符合聊天组件的常规行为。
• 给VStack设置spacing:4优化文本与时间戳的间距，提升视觉效果。

效果验证：

• 消息文本较短时，气泡保持100的最小宽度，时间戳紧贴气泡右侧；
• 消息文本较长时，气泡宽度随内容动态扩展，时间戳始终对齐气泡右侧，整体布局符合预期。

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