What am I do wrong? about flexlayout HOT 9 CLOSED

I've just solved this with PinLayout and didnt make a screenshot. Same amount of code with PinLayout. Your framework does not work correctly. Simple rules work fine, but when you need to do something a little more complicated, errors appear. Not only in this moment, but in others. Too many functions and it is not clear how they will act together. If you do it by intuition or by your instructions, then nothing happens with complicated situations. Close the topic.

from flexlayout.

One way to do it is to have two containers.
Container A is containing Container B & Your Button
Container B is containing your labels.

Just make some modifications to the grow, shrink & sizing depending on your needs and it should work. (Didn't try it)

Edit: See last post

from flexlayout.

@egenvall it doesnt work properly(

The button with price can be of different width depends on the price itself, so maxWidth that solves, but margin between 2 labels and button doesnt work if button set with .position(.absolute).right(0)...

Please, help)

from flexlayout.

You should not place the button using .position(.absolute)
Sat down with Xcode now:

cardContainer.addItem().position(.absolute).left(16).right(16).bottom(16)             
.backgroundColor(.blue).direction(.row).justifyContent(.spaceBetween).alignItems(.center).define { detailContainer in
                    detailContainer.addItem().backgroundColor(.yellow).marginRight(16).grow(1).shrink(1).define { textContainer in
                        textContainer.addItem(titleLabel)
                        textContainer.addItem(subtitleLabel)
                    }
                    detailContainer.addItem(button).shrink(0)
                    
}

Result: https://webmshare.com/3XYVr

Now you probably won't change the button content at click, but this demonstrates the resizing. You could also fit the label size to fit the new width

from flexlayout.

@egenvall thanks a lot)

from flexlayout.

@lucdion @dillidon Can close this issue

from flexlayout.

@egenvall if you want, but the problem is not still solved. I tried all possible combinations and always one or two bugs. I think you should rethink logiq of your framework.

from flexlayout.

@dillidon I assumed that the issue could be closed after you replied to my solution.
What bugs are you experiencing?

from flexlayout.

I agree with you @dillidon 🙂, in many situation PinLayout gives you the full control over your layout. And yes, there are few issues with Yoga's implementation of flexbox (https://github.com/facebook/yoga).

from flexlayout.