MDCTextInputControllerOutlined does not align text

Question

I am trying to use MDCTextField https://material.io/develop/ios/components/textfields/ . I need it to be the same as an example. But I always get the result as in the picture. I've already tried

controller.textInsets(UIEdgeInsets(top: 16, left: 16, bottom: 16, right: 16))

But it does not work. I am using storyboard. Here is my code.

@IBOutlet weak var uiAddHost: MDCTextField!

override func viewWillAppear(_ animated: Bool) {
    super.viewWillAppear(animated)

    let controller = MDCTextInputControllerOutlined(textInput: uiAddHost)
    controller.activeColor = Colors.graphRed
    controller.disabledColor = Colors.site_green
    controller.textInsets(UIEdgeInsets(top: 16, left: 16, bottom: 16, right: 16))
}

@RezaDehnavi I got that material library for iOS is complete bs. So I am just using an equivalent library for TextField. — Kirk_hehe, Nov 11 '19 at 07:00

score 1 · Answer 1 · edited Jan 22 '20 at 07:35

try this

@IBOutlet weak var uiAddHost: MDCTextField!
var controller: MDCTextInputControllerOutlined?

override func viewDidLoad() {
    super.viewDidLoad()
    controller = MDCTextInputControllerOutlined(textInput: uiAddHost)
    controller.activeColor = Colors.graphRed
    controller.disabledColor = Colors.site_green
    controller.textInsets(UIEdgeInsets(top: 16, left: 16, bottom: 16, right: 16))
}

I had the same problem. I solved it with the code above, but I don't know why this works.

MDCTextInputControllerOutlined does not align text

1 Answers1