Friday, August 19, 2022
HomeiOS Developmentios - Why Textfield(Textual content) textual content retains disappearing on completely different...

ios – Why Textfield(Textual content) textual content retains disappearing on completely different occasions in SwiftUI?


Text disappearing image GIF

Textual content retains disappearing on:

  1. Display rotation.
  2. Focus Misplaced.
  3. Autofill Textual content entered (as proven in picture above).

I do not know what’s inflicting this behaviour, i’ve enroll and check in display, these screens are working positive.

        ScrollView(showsIndicators: false) {
            Picture(icon: .splash)
            
            VStack {
                
                HStack {
                    Textual content("OTP")
                        .titleText()
                    Spacer()
                }
                .padding(.prime, 50)
                
                HStack {
                    Textual content("Please enter the OTP despatched to your cell quantity")
                        .padding(.prime, 1)
                        .multilineTextAlignment(.main)
                        .font(.customized(ubuntu: .common, fashion: .headline))
                        .foregroundColor(.customDarkGray)
                    Spacer()
                }
                
                ZStack(alignment: .middle) {
                    TextField("", textual content: $otpVM.verificationCode)
                        .background(Coloration.clear)
                        .body(maxWidth: .infinity, maxHeight: 70, alignment: .middle)
                        .font(Font.system(dimension: 30))
                        .accentColor(.clear)
                        .foregroundColor(.clear)
                        .multilineTextAlignment(.middle)
                        .keyboardType(.numberPad)
                        .onReceive(Simply($otpVM.verificationCode)) { _ in otpVM.limitText(6) }
                        .targeted($focusedField, equals: .area)
                        .activity {
                            DispatchQueue.most important.asyncAfter(deadline: .now() + 1.0)
                            {
                                self.focusedField = .area
                                print("Centered")
                            }
                        }
                        .padding()
                    HStack {
                        ForEach(0..<6) { index in
                            ZStack {
                                Textual content(otpVM.getPin(at: index))
                                    .font(.customized(ubuntu: .common, fashion: .subheadline))
                                    .foregroundColor(.customLightBlack)
                                    .padding(.vertical, 22)
                                    .padding(.horizontal, 18)
                                    .overlay(
                                        RoundedRectangle(cornerRadius: 6)
                                            .strokeBorder(
                                                Coloration.customLightBlack,
                                                fashion: StrokeStyle(lineWidth: 0.6))
                                    )
                            }
                            Spacer()
                        }
                    }
                }
                .padding(.prime, 30)
                .padding(.backside, 50)
                
                Button {
           
                } label: {
                    Textual content(isRegistering ? "Register" : "Confirm Now")
                }
            }
        }

Word that is simply part of code that’s copy pasted, this can simply provide help to perceive the error. I can present the entire information if required.

RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Most Popular

Recent Comments