Блог

У меня есть следующая кнопка и код, но я не могу поместить изображение SF поверх кнопки. Я бы хотел, чтобы оно было слева, но поверх градиента — как мне этого добиться, пожалуйста?

 
         NavigationLink(destination: MyView(viewModel: FairRentViewModel(Amounts(), people: 2)))
                {
                    Image(systemName: "person.crop.circle.badge.plus")
                        .font(.largeTitle)
                    Text("2")
                        .fontWeight(.bold)
                        .font(.title)
                        .padding()
                        .frame(minWidth: 0 maxWidth: 250, alignment: .center)
                        .background(gradient)
                        .foregroundColor(.white)
                        .padding(2)
                        .overlay(
                            RoundedRectangle(cornerRadius:20)
                                .stroke(gradient, lineWidth:15)
                        )
                        .padding(5)
                }
  

Поместите его в наложение

 Text("2")
    .fontWeight(.bold)
    .font(.title)
    .padding()
    .frame(minWidth: 0 maxWidth: 250, alignment: .center)
    .background(gradient)
    .foregroundColor(.white)
    .padding(2)
    .overlay(
        RoundedRectangle(cornerRadius:20)
            .stroke(gradient, lineWidth:15)
    )
    .overlay(   // << here !!
        Image(systemName: "person.crop.circle.badge.plus")
            .font(.largeTitle)
            //.padding(.leading)    // might be needed
    , alignment: .leading)
    .padding(5)
  

Вы могли бы попытаться поместить его в HStack.