嘿，我之前也碰到过一模一样的问题！默认情况下ZStack会把所有子视图都居中对齐，难怪你的贴纸一直待在中间不动。别担心，给你两个简单又好用的解决办法，亲测有效～

方法一：给ZStack指定右上角对齐 #

把你的基础胶囊视图和贴纸视图都放进同一个ZStack里，然后给ZStack设置alignment: .topTrailing参数，这样整个ZStack的右上角就会成为所有子视图的对齐基准，贴纸自然就会跑到胶囊的右上角啦。

示例代码：

struct ContentView: View {
    var body: some View {
        ZStack(alignment: .topTrailing) {
            // 你的基础胶囊视图
            Capsule()
                .fill(Color.blue)
                .frame(width: 200, height: 100)
            
            // 叠加的贴纸视图，记得调整大小和边距
            StickerView(text: "New")
                .padding([.top, .trailing], 8) // 留一点边距更美观
                .frame(width: 60, height: 30)
        }
    }
}

// 调整后的StickerView
struct StickerView: View {
    var text: String
    var isSelected: Bool = true // 修正默认值的写法
    
    var body: some View {
        ZStack {
            Capsule()
                .fill(Color.red)
            Text(text)
                .foregroundColor(.white)
                .font(.caption)
        }
    }
}

方法二：用overlay直接叠加（更推荐） #

其实SwiftUI里的overlay修饰器就是专门用来在视图上叠加内容的，用它来实现这个需求更直接。你只需要在基础胶囊视图后面链式调用overlay，把贴纸放进去，同时指定alignment: .topTrailing就行，一步到位。

示例代码：

struct ContentView: View {
    var body: some View {
        Capsule()
            .fill(Color.blue)
            .frame(width: 200, height: 100)
            .overlay(
                StickerView(text: "New")
                    .padding([.top, .trailing], 8)
                    .frame(width: 60, height: 30),
                alignment: .topTrailing
            )
    }
}

// 同样调整StickerView的写法
struct StickerView: View {
    var text: String
    var isSelected: Bool = true
    
    var body: some View {
        ZStack {
            Capsule()
                .fill(Color.red)
            Text(text)
                .foregroundColor(.white)
                .font(.caption)
        }
    }
}

小提示 #

• 记得给贴纸加一点padding，别让它完全贴在胶囊的边缘，视觉上会显得更协调；
• 贴纸的大小可以根据你的实际需求，通过frame(width:height:)灵活调整。

内容来源于stack exchange