7b89a1dd48
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
81 lines
2.7 KiB
Swift
81 lines
2.7 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 LayoutInclusionViewController: UIViewController {
|
|
private let button: UIButton = UIButton(type: .system)
|
|
private let disappearingView: UIView = UIView(frame: .zero)
|
|
private let contentView: UIView = UIView(frame: .zero)
|
|
|
|
override func viewDidLoad() {
|
|
let root = self.view!
|
|
root.backgroundColor = .white
|
|
root.configureLayout { (layout) in
|
|
layout.isEnabled = true
|
|
layout.flexDirection = .column
|
|
layout.justifyContent = .spaceAround
|
|
}
|
|
|
|
contentView.backgroundColor = .clear
|
|
contentView.layer.borderColor = UIColor.lightGray.cgColor
|
|
contentView.layer.borderWidth = 1.0
|
|
contentView.configureLayout { (layout) in
|
|
layout.isEnabled = true
|
|
layout.height = 300
|
|
layout.width = YGValue(self.view.bounds.size.width)
|
|
layout.flexDirection = .row
|
|
layout.justifyContent = .center
|
|
layout.paddingHorizontal = 25
|
|
}
|
|
self.view.addSubview(contentView)
|
|
|
|
let redView = UIView(frame: .zero)
|
|
redView.backgroundColor = .red
|
|
redView.configureLayout { (layout) in
|
|
layout.isEnabled = true
|
|
layout.flexGrow = 1
|
|
layout.flexShrink = 1
|
|
}
|
|
contentView.addSubview(redView)
|
|
|
|
disappearingView.backgroundColor = .blue
|
|
disappearingView.configureLayout { (layout) in
|
|
layout.isEnabled = true
|
|
layout.flexGrow = 1
|
|
}
|
|
contentView.addSubview(disappearingView)
|
|
|
|
button.setTitle("Add Blue View", for: UIControlState.selected)
|
|
button.setTitle("Remove Blue View", for: UIControlState.normal)
|
|
button.addTarget(self, action: #selector(buttonWasTapped), for: UIControlEvents.touchUpInside)
|
|
button.configureLayout { (layout) in
|
|
layout.isEnabled = true
|
|
layout.height = 300
|
|
layout.width = 300
|
|
layout.alignSelf = .center
|
|
}
|
|
root.addSubview(button)
|
|
|
|
root.yoga.applyLayout(preservingOrigin: false)
|
|
}
|
|
|
|
// MARK - UIButton Action
|
|
func buttonWasTapped() {
|
|
button.isSelected = !button.isSelected
|
|
|
|
button.isUserInteractionEnabled = false
|
|
disappearingView.yoga.isIncludedInLayout = !disappearingView.yoga.isIncludedInLayout
|
|
disappearingView.isHidden = !disappearingView.isHidden
|
|
|
|
contentView.yoga.applyLayout(preservingOrigin: true)
|
|
button.isUserInteractionEnabled = true
|
|
}
|
|
}
|