guidebook/hideshowpasswordtextfield

An easy to use `UITextField` subclass that adds a visibility toggle and an optional validation checkmark

HideShowPasswordTextField

An easy to use UITextField subclass that adds a visibility toggle and an optional validation checkmark

Created by @lookatpete (product), @pklada (design), and @miketsprague (code)

Installation

Cocoapods

pod 'HideShowPasswordTextField', :git => 'https://github.com/Guidebook/HideShowPasswordTextField'

Manual

Just add the files in HideShowPasswordTextField/ to your project.

Usage

• Create a UITextField in your xib, and change the class name to HideShowPasswordTextField. Or, create it programatically.
• Set secureTextEntry to true, if you want the password to hide by default.
• [Recommended] Change the border style to None, and add a height constraint of 44 or larger. The assets in this project are optimized for 44px, although larger is fine too. Smaller sizes might have clipping issues on the icons.
• Implement UITextFieldDelegate and forward textField shouldChangeCharactersInRange and textFieldDidEndEditing to your password text field (see the example). We have to do this to get the behavior to work right--apple's API doesn't play very nice switching between secureTextEntry states.
  • This step is no longer necessary.
• [Optional] Implement HideShowPasswordTextFieldDelegate to show the validation checkbox.
• Customize the textField to your liking (the tint too!)!

hideshowpasswordtextfield's Issues

How to integrate this in SwiftUI

Can you write a guide for integrating this into SwiftUI application? Like how to implement UIViewRepresentable and Coordinator?

Thanks.

Update Demo Project to use Swift 4.0+

Are there plans to update the demo project?
I attempted a dry run and the project runs but the UI/UX is not perfect. Its a white out with the text field and eyeball icon being barely visible on a simulator 😢

Make class public

Class and methods needs to be made public for it to work out of the box

UIImage(named:) cannot be used when installed as Pod

Hi,

I have just added the pod to my project and it crashed when running it. Problem is, that UIImage(named:) cannot/should not be used within a pod. It searches the images within the default / app bundle while it located in the pod bundle.

Solution 1: Manually add the images to the main app bundle
Solution 2: Use UIImage(named:in:compatibleWith:) instead

let bundle = Bundle(for: PasswordToggleVisibilityView.self)
self.eyeOpenedImage` = UIImage(named: "ic_eye_open", in: bundle, compatibleWith: nil)!.withRenderingMode(.alwaysTemplate)