How to increase width of textfield according to typed text?

Question

I need to increase a text field's width according to its content. When the user inputs text, then the textfield size should increase automatically. I have one close (X) button next to this text field.

I have constrained the text field and button so that the text field is centered on screen, and the button is adjacent to it. (Text field should be editable, button should be clickable)

Text field size is this:

When I enter text in it, the size should automatically increase:

How can I achieve this?

Answer 1

I solve my problem : use this for textfield not go outside of screen.

 func getWidth(text: String) -> CGFloat {     let txtField = UITextField(frame: .zero)     txtField.text = text     txtField.sizeToFit()     return txtField.frame.size.width }  func textField(textField: UITextField, shouldChangeCharactersInRange range: NSRange, replacementString string: String) -> Bool {     let width = getWidth(textField.text!)     if UIScreen.mainScreen().bounds.width - 55 > width     {         txtWidthOfName.constant = 0.0         if width > txtWidthOfName.constant         {             txtWidthOfName.constant = width         }         self.view.layoutIfNeeded()     }     return true } 

Objective C Version

-(CGFloat)getWidth:(NSString *)text{     UITextField * textField = [[UITextField alloc]initWithFrame:CGRectZero];     textField.text = text;     [textField sizeToFit];     return textField.frame.size.width; }  -(BOOL)textField:(UITextField *)textField shouldChangeCharactersInRange:(NSRange)range replacementString:(NSString *)string {     if (self.textFieldName.isEditing == YES) {         CGFloat width = [self getWidth:textField.text];         if ([UIScreen mainScreen].bounds.size.width - 60 > width) {             self.txtWidthOfName.constant = 0.0;             if (width > self.txtWidthOfName.constant) {                 self.txtWidthOfName.constant = width;             }             [self.view layoutIfNeeded];         }     }     return YES; }