FlexLayout

• Yoga Flexbox (CSS Flexbox의 구현체)에 Swift Interface를 추가한 Layout Framework이다.
• UIStackView를 개선한 Layout Framework이다.
• UIStackView보다 사용하기 **간편**하고 **다양한 API, 선언형 프로그래밍**이 가능하다. (사용 방법은 StackView와 비슷)
• UIStackView보다 8~12배 가량 빠른 성능을 보여준다.

• PinLayout과 같이 개발되어 PinLayout과 같이 사용되며, 유사한 부분이 많다.
• Chainable

FlexLayout 사용

• UIStackView처럼 Axis를 결정하고, alignment, distribution을 설정한다.

1. Container를 만든다.
   1. flexBox 구조를 초기화한다.
2. Container를 layout한다.
   1. Container의 Layout은 무조건 layoutSubviews(), willTransition(to: UITraitCollection, …), viewWillTransition(to: CGSize, …) 메소드에서 작성 되어야 한다.
      • 처음 flexBox Container를 layout할 때, 반드시 position을 정하고 크기를 optional로 설정해야한다.
      • 다음으로 flexBox Container의 child들을 FlexLayout의 layout()를 통해 배치해야한다.

FlexLayout Align

• justifyContent()

  

  • default 값 → .start

• alignItems()

  

  • default 값 → .stretch

• wrap()

  

  • default 값 → .noWrap