Updating a label value results in truncated text even after updating layout about flexlayout HOT 5 CLOSED

Hi @rgdev, items are re-layouted only when their container size change or when an item's flex property is modified. For any other changes, you must call markDirty() to force a re-layout.

See https://github.com/layoutBox/FlexLayout#markdirty for more details.

In your case you need:

   @objc func onButtonPressed(sender: UIButton) {
        mainView.label.text = "goodbye"
        mainView.label.flex.markDirty()
        mainView.setNeedsLayout()
    }

from flexlayout.

Such a silly mistake, thank you for the swift answer!
Do you think it would be possible to have UILabels to automatically mark themselves as dirty when their text field is updated in a futur version ?

from flexlayout.

@rgdev you can do that easily by subclassing the UILabel class (ex: Label / FlexLabel) and override the text property setter.

You can also add an UILabel extension and add a property OR a method for setting the text that would call markDirty().
ex:

extension UILabel {
       // Property
       var flexText: String? {
        get {
            return self.text
        }
        set {
            self.text = newValue
            self.flex.markDirty()
        }
    }

    // Method
    func updateText(_ text: String) {
        self.text = text
        flex.markDirty()
    }
}

from flexlayout.

Thank you @lucdion, I was actually wondering if you think such extension would be worth adding to FlexLayout directly.

from flexlayout.

I prefer not to add extension to base UIKit classes. There is always the possibility of name clashes with app' extensions.

I could add a subclass of UILabel, but I need to think about that.
Thanks for your input!

from flexlayout.