Corner radius & shadow

[zdnk]

How do I setup corner radius if I want shadow at the same time?

public class NavigationCommandView: ComponentView {


    public override func construct() -> ComponentNodeType {
        layer.shadowRadius = 3
        layer.shadowOffset = CGSize(width: 0, height: 0)
        layer.shadowColor = UIColor.blackColor().CGColor
        layer.shadowOpacity = 0.6

        return ComponentNode<UIView>().configure({ (view: UIView) -> Void in
            ....
        })
    }

    override public func layoutSubviews() {
        super.layoutSubviews()

        layer.cornerRadius = bounds.size.height / 2
        layer.masksToBounds = true
    }

}

This wont work because maskToBounds makes shadow invisible because of the mask. And I cannot set conernerRadius to CoMponentNodes view because I dont know its size just yet.

[alexdrone]

Just assign those properties (shadowRadius and such) inside the configuration closure.

[alexdrone]

let me know if it works! :)

[zdnk]

I cannot because I dont know the size of the view so i cannot do bounds.size.height / 2 calc. The size is calculated based on children. At the time of configuration would occur, size would be (0, 0).

[wokalski]

It looks like something like react-native's onLayout is needed.

[alexdrone]

Will add the onLayout callback soon!