How to reuse view for similar but slightly different views in iOS?

Question

I'm making login flow right now.
There is two view controllers for email input and password input.
After validating email account, password input view controller pops up.

The email VC and password VC is very similar but slightly different.
just like "Enthr email" & "Enter password" (UILabel text)

I think that making custom view and reusing it is efficient.
But the two view controllers need different value(email, password string).
How can I pass different value to same custom view?

Or how can I reuse view for similar views programmatically?

You have "Email Input" and "Password Input" view controllers. If it's working, stick with that. If you need to display a text input view with 10 different possible "Prompt" strings, then it would make sense to re-use a single controller. — DonMag
– DonMag, Commented Jul 28, 2022 at 16:18

Can Yoldas · Accepted Answer · 2022-07-28 18:55:07Z

1

For UIKit You can create custom textField component that takes inputType and specific customization related to that.

 enum InputType {
        case email
        case password
    }

class InputViewController: UIViewController { 
    let customTextField: CustomTextField!
    var inputType: InputType!
    
    convenience init(inputType: InputType) {
        self.init()
        self.inputType = inputType
    }
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        customTextField = CustomTextField(inputType: self.inputType)
    }
}

answered Jul 28, 2022 at 18:55

Can Yoldas

2121 silver badge9 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Nala Over a year ago

Thank you, Can Yoldas. I had tried the same way before(in my case, inputType was optional type). But when the view appeared, I got nil for inputType🥲 I couldn't figure it out how to solve this issue.

Nala Over a year ago

Aha, the key is making textfield instance in viewDidLoad. I understood. I'll try again this way. Thank you so much. Have a nice day!!

Can Yoldas Over a year ago

You could make the instance in viewDidLoad or lazy loading, depends on how you want to initialize the view. Hope you have found the solution.

Larvouu · Accepted Answer · 2022-07-28 10:12:17Z

0

You can create Views and reuse them by using different parameters when calling them. Something like this :

struct ContentView: View {
    var body: some View {
        ZStack {
            CustomView("text1")
            CustomView("text2")
        }
    }
}

// Custom reusable view
struct CustomView: View {
    var value:String

    var body: some View{
         Text(value)
    }
}

answered Jul 28, 2022 at 10:12

Larvouu

16212 bronze badges

2 Comments

Nala Over a year ago

Thanks, Larvouu! But I am using UIKit, so to initialize a value convenience init is needed. But it is not working 😭

Duncan C Over a year ago

The OP is not asking about SwiftUI.

Collectives™ on Stack Overflow

How to reuse view for similar but slightly different views in iOS?

2 Answers 2

3 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related