struct ContentView: View {
    var body: some View {
        Image("skill-img1")
            .resizable()
            .scaledToFit()
            .overlay(
                Text("Mac OS Catalina")
                .foregroundColor(.gray)
                .font(.largeTitle)
            ,alignment: .bottomTrailing)
    }
}

Text("Good")
    .frame(minWidth: 0, maxWidth: .infinity, minHeight: 0, maxHeight: .infinity)
    .background(Color.orange)
    .edgesIgnoringSafeArea(.all)
    .overlay(Rectangle()
        .fill(Color.black.opacity(0.6))
        .edgesIgnoringSafeArea(.all)
)

Text("good")
    .overlay(JiJingListOverlayView(showOverlay: $model.showSideView))


struct JiJingListOverlayView: View {
    @Binding var showOverlay: Bool
    
    @ViewBuilder
    var body: some View {
        if showOverlay {
            Rectangle()
                .fill(Color.black.opacity(0.3))
                .edgesIgnoringSafeArea(.all)
        } else {
            EmptyView()
        }
    }
}

.overlay(Rectangle().frame(width: nil, height: 1, alignment: .top).foregroundColor(Color.gray), alignment: .top)