Swift's questions

Código: Eu só quero marcar a visualização do botão selecionado e preciso do schoolCode do botão selecionado , mas no meu código também tenho uma marca de seleção e o código do botão selecionado, mas se eu selecionar o botão, sua posição muda... se eu selecionar o terceiro botão, ele vai para o segundo lugar assim... por favor, corrija esse erro.

ScrollView(.horizontal, showsIndicators: false) {
    HStack {
        if let retrievedArray = UserDefaults.standard.stringArray(forKey: "SavedSchoolCodes") {
            let uniqueItems = Array(Set(retrievedArray))

            ForEach(uniqueItems, id: \.self) { item in
                if let school = schoolList.first(where: { $0.schoolCode == item }) {
                    Button {
                        viewModel.schoolCode = school.schoolCode ?? ""
                    } label: {
                        ZStack {
                            let correctedPhotoURL = school.logo?.replacingOccurrences(of: "//SchImg", with: "/SchImg") ?? ""
                            VStack {

                                URLImageView(url: correctedPhotoURL, placeholder: "NoProfilePic", width: 50, height: 50)

                                    .clipShape(Circle())
                                    .padding(.bottom, 4)
                                Text(school.schoolCode ?? "")
                                    .font(.headline)
                                    .foregroundColor(.black)
                            }
                            .frame(width: 100, height: 120)
                            .background(Color.gray.opacity(0.2))
                            .cornerRadius(10)

                            RoundedRectangle(cornerRadius: 10)

                                .stroke(viewModel.schoolCode == school.schoolCode ? Color.green : Color.clear, lineWidth: 2)
                                .frame(width: 100, height: 120)

                            if viewModel.schoolCode == school.schoolCode {

                                Image(systemName: "checkmark.circle.fill")
                                    .resizable()
                                    .frame(width: 20, height: 20)
                                    .foregroundColor(.green)
                                    .offset(x: 35, y: -45)
                            }
                        }
                    }
                    .padding(5)
                } else {
                    Text("\(item),")
                }
            }
        } else {
            Text("No array found in UserDefaults.")
        }
    }
    .padding(.horizontal)
}

o/p: quando eu seleciono, quero apenas marcar, é isso. Por favor, oriente para corrigir a mudança de posição.

Código: com este código estou navegando para visualizações entre (ProfileView(), HomeNew, NotificationsTabView, MessageTabView) muito nítidas, quero dizer algo como uma mudança muito rápida, mas preciso que seja mais suave mudar de uma visualização para outra

por causa do meu código, se eu mudar rapidamente as visualizações uma por uma, um pouco antes de visualizar o design de dados fictícios por um segundo, mostrando na visualização atual.

então preciso de uma navegação muito suave entre as visualizações . então, como conseguir uma navegação suave entre as visualizações. por favor me guie.

struct TabContainerViewNew: View {
    @Binding var index: Int?
    @State private var showSideMenu = false
    @State private var gotoSearch = false

    init(index: Binding<Int?>) {
        self._index = index
        UITabBar.appearance().isHidden = true
    }

    let tabs = [("Menu", "Menu_New"), ("My profile", "user"), ("Home", "MenuNew_Home"), ("Notification", "MenuNew_Notification"), ("Message", "MenuNew_Message")]
    
    var body: some View {
        ZStack(alignment: .bottom) {
            if let index = index {
                TabView(selection: Binding(
                    get: { index },
                    set: { newValue in
                        self.index = newValue
                    }
                )) {
                    ProfileView()
                        .tabItem {
                            Label("My profile", image: "icn_settings_tab")
                        }
                        .tag(1)

                    HomeNew()
                        .tabItem {
                            Label("Home", image: "icn_home_tab")
                        }
                        .tag(2)

                    NotificationsTabView()
                        .tabItem {
                            Label("Notification", image: "icn_notifications_tab")
                        }
                        .tag(3)

                    MessageTabView()
                        .tabItem {
                            Label("Message", image: "icn_message_tab")
                        }
                        .tag(4)
                }
                .tint(.white)
                .transition(.slide)
          }

            VStack(spacing: 0) {
          
                HStack(spacing: 0) {
                    ForEach(0..<tabs.count) { i in
                        if tabs[i].0 == "Menu" {
                            VStack {
                                Button(action: {
                                    withAnimation {
                                        showSideMenu.toggle()
                                    }
                                }) {
                                    Image(tabs[i].1)
                                        .renderingMode(.template)
                                        .resizable()
                                        .scaledToFit()
                                        .tint(.white.opacity(0.6))
                                        .frame(width: 24, height: 24)
                                        .padding(8)
                                }
                                Text(tabs[i].0)
                                    .foregroundColor(.white.opacity(0.6))
                                    .font(.system(size: 11))
                            }
                            .frame(maxWidth: .infinity)
                        } else {
                            TabButton(image: tabs[i].1, title: tabs[i].0, item: i, index: $index)
                                .frame(maxWidth: .infinity)
                        }
                    }
                }
                .padding(.horizontal, 7)
                .padding(.bottom, 15)
                .padding(.top, 5)
                .background(Color.appGreen2)
            }
        }
        
        .sideMenu(isShowing: $showSideMenu) {
            SideMenuView(isShowingMenu: $showSideMenu)
        }
    }
}

struct TabButton: View {
    var image: String
    var title: String
    var item: Int
    @Binding var index: Int?

    var body: some View {
        VStack {
            Button(action: {
                    index = item
            }) {
                Image(image)
                    .renderingMode(.template)
                    .resizable()
                    .foregroundColor(index == item ? .white : .white.opacity(0.6))
                    .frame(width: 24, height: 24)
                    .padding(8)
            }
            Text(title)
                .foregroundColor(index == item ? .white : .white.opacity(0.6))
                .fontWeight(index == item ? .bold : .regular)
                .font(.system(size: (index == item ? 11 : 11)))
        }
        .frame(maxWidth: .infinity) 
    }
}

Como obter uma animação assim

Código: com este código eu consigo navegar pelas visualizações normalmente, mas se eu estiver dentro, AttendanceSwipeView(viewModel: viewModel)se eu tocar no Dashboard, a visualização deverá vir com esse tipo de animação (como algo de baixo para frente) ...

quero dizer Painel> Atendimento> Feed ... a navegação pode ser normal, mas

do Feed ao Atendimento e do Atendimento ao Painel... aqui é necessário um tipo de animação completa. se possível, por favor me oriente como conseguir isso.

struct DashboardBottomView: View {
    @StateObject var viewModel: AppDashboardViewModel
    @State var selectedClassInd: Int = 0
    @State private var stringArray = ["Dashboard", "Attendance", "Feed"]
    @State private var selectedIndex: Int? = nil
    @State private var selectedIndexStr: String? = "Dashboard"
    
    
    private func viewForSelectedIndex() -> some View {
        switch selectedIndexStr {
        case "Dashboard":
            return AnyView(DashboardView(viewModel: viewModel))
        case "Attendance":
            return AnyView(AttendanceSwipeView(viewModel: viewModel))
        case "Feed":
            return AnyView(DashboardFeedView())
        default:
            return AnyView(Text("Default View"))
        }
    }
    
    var body: some View {
        
        VStack(spacing: 0) {
            Spacer()
            
            ZStack {
                viewForSelectedIndex()
                    .toolbar(.hidden, for: .navigationBar)

            }
            
            ZStack{
                Color.appGreen2
                ScrollView(.horizontal, showsIndicators: false) {
                    LazyHGrid(rows: [GridItem(.flexible(), spacing: 0)], spacing: 0) {
                        ForEach(stringArray, id: \.self) { data in
                            Button {
                                withAnimation {
                                    selectedIndexStr = data
                                }
                            }
                        label: {
                            VStack {
                                Text(data)
                                    .font(.calibriBold(with: 14))
                                    .foregroundColor(Color.white)
                                    .padding(.horizontal, 8)
                                if selectedIndexStr == data {
                                    gradientDivider
                                        .frame(height: 2)
                                }
                            }
                            .frame(height: 40)
                            .frame(minWidth: 108)
                            .animation(.default, value: selectedClassInd)
                        }
                        .buttonStyle(.plain)
                        }
                    }
                    .padding(.bottom, 0)
                    .background(Color.appGreen2)
                }
                .frame(height: 55)
            }
        }
        .ignoresSafeArea()
        
        .onAppear {
            viewModel.fetchDashboardData { status in
                if status {
                    stringArray = viewModel.dashboardButtonsArray
                    selectedIndexStr = stringArray.first
                }
            }
        }
    }
}

Código: com isso, se houver favCell > Text(item.title ?? "") in 2 lines, mostrando uma linha de visualização irregular nessa linha, por quê? como fazer com que a altura do texto forrado da linha 1 ou o espaço entre a parte superior e inferior também seja igual ao texto de 2 linhas, por favor, oriente

onde devo mudar para ficar tudo igual, por favor oriente

@ViewBuilder func favView() -> some View {
VStack {
    
    LazyVGrid(columns: [
        GridItem(.flexible(), spacing: 20),
        GridItem(.flexible(), spacing: 20),
        GridItem(.flexible(), spacing: 20),
        GridItem(.flexible(), spacing: 20)
    ], spacing: 20) {
        
        ForEach(0..<favMenu.count + 1, id: \.self) { ind in
            if (ind == favMenu.count) {
                addMoreButton()
            } else {
                favoriteButton(for: ind)
            }
        }
    }
    .padding(.top, 16)
}
.padding(.top, 35)
.padding(.horizontal, 24)
}

@ViewBuilder func favoriteButton(for index: Int) -> some View {
Button {
    handleFavoriteSelection(at: index)
} label: {
    favCell(item: favMenu[index], index: index)
}
.buttonStyle(.plain)
}

@ViewBuilder func favCell(item: AllMenu, index: Int) -> some View {
VStack(spacing: 10) {
    VStack(spacing: 0) {
        ZStack {
            RoundedRectangle(cornerRadius: 15)
                .fill(Color.Neumorphic.main)
                .softOuterShadow()
                .frame(width: 65, height: 65)
            URLImageView(url: item.icon ?? "", width: 25, height: 25, renderingMode: .template, tintColor: .appGreen)
                .frame(width: 25, height: 25)
        }
        .frame(width: 65, height: 65)
    }
    
    Text(item.title ?? "")
        .font(.calibriRegular(with: 13))
        .foregroundColor(.black)
        .lineLimit(2)
        .multilineTextAlignment(.center)
        .frame(width: 70)
        .fixedSize(horizontal: true, vertical: false)
        .padding(.horizontal, 4)
        .padding(.bottom, 10)
    
}
}

Eu tenho a visualização principal chamada TaskManagementView com lista aqui, se eu clicar em taskCell > RoundedRectanglecomo mostrar o PopupView para essa célula data.idno TaskManagementView

assim eu preciso:

código: com este código se eu tocar em taskCell > RoundedRectanglePopupView aparecendo ao lado de todas as células. como consertar e conseguir o/p como na tela acima

struct TaskManagementView: View {

@Environment(\.dismiss) var dismiss
@StateObject private var viewModel = TaskManagementViewModel()
@State private var isComposeViewShown = false
var body: some View {
    ZStack {
        VStack(spacing: 0) {
            
            VStack {
                
                List {
                    ForEach(0..<viewModel.arrData.count, id: \.self) { i in
                        let data = viewModel.arrData[i]
                        Section {
                            if data.isExpanded {
                                ForEach(0..<data.items.count, id: \.self) { j in
                                    taskCell(data: data.items[j])
                                        .onTapGesture {
                                            gotoTaskDetails = true
                                        }
                                }
                            }
                        }
                    }
                }
            }
        }
        .onAppear {
            viewModel.fetchTasks(filterId: selectedFilterId) { status in
            }
        }
    }
}

@ViewBuilder func taskCell(data: TaskManagementData) -> some View {
    HStack(spacing: 16) {
        
        RoundedRectangle(cornerRadius: 2)
            .frame(width: 12, height: 12)
            .foregroundStyle(Color.orange)
            .onTapGesture {
                print("testing data id... \(data.id)")
                isComposeViewShown.toggle()
            }
        if isComposeViewShown {
            PopupView(isComposeViewShown: $isComposeViewShown)
        }
        VStack(alignment: .leading, spacing: 2) {
            Text(data.taskTitle ?? "")
                .lineLimit(1)
            
        }
    }
}
}



struct PopupView: View {
@Binding var isComposeViewShown: Bool

var body: some View {
    ZStack {
        Color.black.opacity(0.5)
            .edgesIgnoringSafeArea(.all)
            .onTapGesture {
                isComposeViewShown = false
            }
        //some other code of popup design
            .padding(.bottom, 150)
    }
}
}

mau o/p do código acima: por que PopupView aparece dentro da célula? eu preciso do PopupView no TaskManagementView

Quero que a imagem de fundo e o elemento verde da interface do usuário estejam na parte superior da tela, mas com o código abaixo dos elementos verdes da interface do usuário no meio.

código:

struct AppointmentStep1: View {

    @Environment(\.dismiss) var dismiss

    var body: some View {
        ZStack {
            // Background image
            Image("home_bg")
                .resizable()
                .scaledToFill()
                .edgesIgnoringSafeArea(.all)
            VStack {
                HStack {
                    Button  {
                        dismiss()
                    } label: {
                        Image(systemName: "arrow.left")
                            .font(.system(size: 25))
                            .tint(.white)
                            .padding(.trailing, 6)
                    }

                    Text("Appointment")
                        .font(.calibriRegular(with: 20))
                        .foregroundStyle(.white)
                    Spacer()
                }
                .padding(16)
            }
            .background(
                Color.appGreen2
                    .ignoresSafeArea()
            )

           Spacer()
        }
    }
}

o/p: como mover a visualização verde para o topo

[![insira a descrição da imagem aqui][1]][1]

EDITAR:

esta é minha imagem de fundo: por favor, tente com este BG.. eu sempre tenho o mesmo o/p

Tenho enfrentado problemas no design de UI com SwiftUI. Acho que o UIKit é um pouco melhor quando comparado ao SwiftUI porque, usando o SwiftUI, não sou capaz de fornecer espaços adequados aqui, cada pilha calcula os espaços separadamente. Não entendo como dar espaços aos elementos vizinhos.

Minha principal questão é obter espaço de seu elemento vizinho. Precisamos fornecer espaço inicial para subtrair a área de largura do elemento vizinho?

Por exemplo, dei o início da pilha de imagens, topo para 20 e largura e altura 100. Agora, se eu quiser adicionar um rótulo que conduza a essa imagem, preciso fornecer espaços ao início do rótulo para -100? Como os espaços funcionarão para fornecer início, final, topo e fundo adequados?

Eu fiz um design simples como este usando UIKit aqui se você considerar apenas a imagem da pessoa com visualização azul superior como superior e levando a 20 e os rótulos e ícones restantes devem levar a essa visualização de imagem a 15

Agora tentei apenas o design da cor azul superior no SwiftUI : sou novo na interface do usuário, então tentei desta forma. Se houver algum atalho, por favor me avise.

Se houver algum código desnecessário, por favor me avise e me oriente como escrever códigos curtos usando SwiftUI.

E você poderia me orientar sobre como incorporar pilhas umas nas outras. Existe algum padrão para adicionar um dentro do outro?

Com esse código também não consegui o design adequado. Por favor, me guie para consertar isso.

struct SecondView: View {
    var body: some View {
        ZStack{
            Color.yellow.ignoresSafeArea()
            
            ScrollView{
                VStack{
                    
                    ZStack {
                        Color.blue // Background color of the view
                        
                        VStack{
                            HStack (){
                                Image(systemName: "person.circle.fill")
                                
                                    .resizable()
                                    .aspectRatio(contentMode: .fit)
                                    .frame(width: 70, height: 70)
                                    .padding(.leading, 10)
                                    .padding(.top, 20)
                                
                                Spacer()
                            }
                            
                            Spacer()
                        }
                        
                        VStack(spacing: 10){
                            
                            Text("Jhon Thomas").foregroundColor(Color.white)
                                .padding(.bottom, 10).font(.system(size: 20))
                            
                            HStack (){
                                Image(systemName: "phone.fill")
                                
                                    .resizable()
                                    .aspectRatio(contentMode: .fit)
                                    .frame(width: 17, height: 17)
                                    .padding(.leading, 10)
                                Text("0000000000").foregroundColor(Color.white)
                            }
                            HStack (){
                                Image(systemName: "bag.fill")
                                
                                    .resizable()
                                    .aspectRatio(contentMode: .fit)
                                    .frame(width: 17, height: 17)
                                    .padding(.leading, 10)
                                Text("Singer").foregroundColor(Color.white)
                            }
                            HStack (){
                                Image(systemName: "location.fill")
                                
                                    .resizable()
                                    .aspectRatio(contentMode: .fit)
                                    .frame(width: 17, height: 17)
                                    .padding(.leading, 10)
                                Text("test loc").foregroundColor(Color.white)
                                Spacer()
                                Image(systemName: "map.fill")
                                
                                    .resizable()
                                    .aspectRatio(contentMode: .fit)
                                    .frame(width: 17, height: 17)
                                    .padding(.leading, 10)
                                Text("Jhon Thomas").foregroundColor(Color.white)
                            }
                        }.padding()
                        //  .padding(.leading, -80)
                     }.padding()
                     .frame(height: 200)
                }
            }
        }
    }
}

SwiftUI apenas design de cor azul: como fazer como acima projetar todos os nomes e ícones no mesmo alinhamento e levando apenas 15 à visualização da imagem?

Estou usando o padrão MVVM para fazer chamadas de serviço

código: no viewcontroller postGenericCallVMa chamada e a resposta também estão chegando, mas print("testing viewmodel data in viewcontroller \(String(describing: postVM.postDataVM?.postCount))")nula, por quê?

onde estou errado?

struct RequestObject {
var params: [String: Any]? = nil
var method: HTTPMethod
var urlPath: String
var isTokenNeeded: Bool
var isLoaderNeed: Bool = false
var isErrorNeed: Bool = false
var vc: UIViewController?
}

class APINetworkManager2: NSObject {
static let sharedInstance = APINetworkManager2()

fileprivate override init() {
    super.init()
}

func serviceCall<T: Decodable>(requestObject: RequestObject, completion: @escaping (Result<APIResponse<T>, Error>) -> Void) {
    
    guard let url = URL(string: requestObject.urlPath) else {
        return
    }
    
    var urlRequest = URLRequest(url: url)
    
    if requestObject.isTokenNeeded {
        let token = "Bearer token" // Replace with your actual token
        urlRequest.setValue(token, forHTTPHeaderField: "Authorization")
    }
    
    urlRequest.httpMethod = requestObject.method.rawValue
    
    if let params = requestObject.params {
        let paramsReq: [String: Any] = ["jsonrpc": "2.0", "params": params]
        do {
            urlRequest.httpBody = try JSONSerialization.data(withJSONObject: paramsReq)
        } catch {
            completion(.failure(error))
            return
        }
    }
    
    let task = URLSession.shared.dataTask(with: urlRequest) { data, _, error in
        
        if let data, let string = String(data: data, encoding: .utf8) {
            print("debug check \(string)")
        }
        do {
            
            let response = try JSONDecoder().decode(APIResponse<T>.self, from: data!)
            
            DispatchQueue.main.async {
                completion(.success(response))
            }
        } catch {
            DispatchQueue.main.async {
                completion(.failure(error))
            }
        }
    }
    task.resume()
}
}

e este é o meu código VIewmodel aqui print o/p result view model: model data coming

class PostViewModel {

var postDataVM: PostGenResult?

func postGenericCallVM(){
    
    let param = ["page_no" : "1"] as? [String:Any]
    
    let requestObject = RequestObject(
        params: param,
        method: .post,
        urlPath: "https://hsfjkhskdn",
        isTokenNeeded: true,
        isLoaderNeed: true,
        isErrorNeed: true
    )
    APINetworkManager2.sharedInstance.serviceCall(requestObject: requestObject) { (result: Result<APIResponse<PostGenResult>, Error>) in
        switch result {
        case .success(let response):
            self.postDataVM = response.result as? PostGenResult
            print("result view model: \(self.postDataVM)")
            
        case .failure(let error):
            print("Error decoding JSON: \(error)")
        }
    }
}
}

o/p: obtendo resposta com sucesso no viewcontroller

modelo de visualização de resultado: Opcional (PracticeCode.PostGenResult (pageCount: 1, perPage: 10, postCount: 5, userReminder: [PracticeCode.UserReminder (id: 17, receiverID: 7, type: "Assinatura", mensagem: "Sua assinatura está vencida em 2

e este é o meu código do viewcontroller: aqui

class ViewController: UIViewController {

override func viewDidLoad() {
    super.viewDidLoad()
    
    postVM.postGenericCallVM()
    
    print("testing viewmodel data in viewcontroller \(postVM.postDataVM?.postCount)")
    
}
}

a chamada de serviço está ligando e a resposta está chegando, mas testing viewmodel data in viewcontrollernão dá nada

testando dados do viewmodel no viewcontroller: nil