watchOS cell background

ListButton.swift

struct ListsView: View {
  
    var body: some View {
        List(selection: $selectedList) {
            ForEach(lists) { list in
                Button(action: {  }) {
                    ListButtonLabel(list: list)
                }
                .buttonStyle(.plain)
                .listRowInsets(EdgeInsets())
            }
        }
        .listStyle(.carousel)
    }
}

struct ListButtonLabel: View {
  
    var body: some View {
        Text(list.name)
            .padding()
            .background {
                Image(uiImage: list.image)
                    .resizable()
                    .scaleEffect(1.02) // to prevent the slight white line from appearing
                    .scaledToFill()
                    .frame(minWidth: 0, maxWidth: .infinity)
                    .frame(minHeight: 0, maxHeight: .infinity)
                    .aspectRatio(1.66, contentMode: .fill)
                    .clipShape(RoundedRectangle(cornerRadius: 16))
                    .contentShape(RoundedRectangle(cornerRadius: 16))
                    .overlay {
                        RoundedRectangle(cornerRadius: 16)
                            .fill(Color.black.opacity(0.3))
                    }
            }
            .aspectRatio(1.66, contentMode: .fill)
            .contentShape(RoundedRectangle(cornerRadius: 16))
    }
}