Summary: We still need to wait for the `YGUnitPoint` PR to be merged :) But please let me know what you think. One caveat: because of a limitation of Swift, a literal value can be automatically understood as a point-based `YGValue`, but variables have to be explicitly cast. I haven't found a way around it yet: ``` view.yoga.width = 10 // value == 10, unit == YGUnitPixel let a: CGFloat = 100 view.yoga.height = a // Compiler error view.yoga.height = YGValue(a) // works, not great ``` Closes https://github.com/facebook/yoga/pull/390 Reviewed By: emilsjolander Differential Revision: D4954021 Pulled By: maxoll fbshipit-source-id: 5eff6aeb6dd969d0d5dc557b149bb5819b0e31de
55 lines
1.6 KiB
Swift
55 lines
1.6 KiB
Swift
/**
|
|
* Copyright 2014-present, Facebook, Inc.
|
|
* All rights reserved.
|
|
*
|
|
* This source code is licensed under the license found in the
|
|
* LICENSE-examples file in the root directory of this source tree.
|
|
*/
|
|
|
|
import UIKit
|
|
import YogaKit
|
|
|
|
final class BasicViewController: UIViewController {
|
|
override func viewDidLoad() {
|
|
let containerSize = self.view.bounds.size
|
|
|
|
let root = self.view!
|
|
root.backgroundColor = .white
|
|
root.configureLayout { (layout) in
|
|
layout.isEnabled = true
|
|
layout.width = YGValue(containerSize.width)
|
|
layout.height = YGValue(containerSize.height)
|
|
layout.alignItems = .center
|
|
layout.justifyContent = .center
|
|
}
|
|
|
|
let child1 = UIView()
|
|
child1.backgroundColor = .blue
|
|
child1.configureLayout { (layout) in
|
|
layout.isEnabled = true
|
|
layout.width = 100
|
|
layout.height = 10
|
|
layout.marginBottom = 25
|
|
}
|
|
root.addSubview(child1)
|
|
|
|
let child2 = UIView(frame: CGRect(x: 0, y: 0, width: 200, height: 200))
|
|
child2.backgroundColor = .green
|
|
child2.configureLayout { (layout) in
|
|
layout.isEnabled = true
|
|
layout.alignSelf = .flexEnd
|
|
}
|
|
root.addSubview(child2)
|
|
|
|
let child3 = UIView(frame: CGRect(x: 0, y: 0, width: 100, height: 100))
|
|
child3.backgroundColor = .yellow
|
|
child3.configureLayout { (layout) in
|
|
layout.isEnabled = true
|
|
layout.alignSelf = .flexStart
|
|
}
|
|
root.addSubview(child3)
|
|
|
|
root.yoga.applyLayout(preservingOrigin: true)
|
|
}
|
|
}
|