[UIKit] 앱 실행 시 Date Picker 오른쪽 정렬되는 문제 해결하기

Stack View 에 Date Picker 를 배치하고, Attribute Inspector에서 Alignment를 Left로 설정했음에도, 앱 실행 시 Date Picker 가 오른쪽으로 정렬되는 문제가 발생했다.

이슈 재현

1. UIDatePicker 를 UIStackView 안에 추가

2. UIDatePicker 의 Alignment 속성을 Left(Leading)로 설정

3. 스토리보드에서 왼쪽으로 정렬되는 것 확인

4. 앱 실행 시, 오른쪽으로 정렬되는 것 확인

이후 몇 가지 해결 방법을 시도해 봤다.

1. Date Picker 의 Alignment 속성 변경: 스토리보드에는 반영되나 앱 실행 시 반영되지 않음

2. UIStackView 속성 변경

   • Distribution을 Fill , Fill Equally , Fill Proportionally 등으로 변경: 변경 사항은 있으나, 원하는 방향이 아님

   • Spacing 조정: 변경 사항 없음

해결 방안

• 코드에서 contentHorizontalAlignment = .left 설정

UIDatePicker 는 기본적으로 오른쪽 정렬이 적용되어 있다.

이를 해결하려면 아래처럼 코드에서 contentHorizontalAlignment 를 직접 설정해야 한다.

let datePicker = UIDatePicker()
datePicker.contentHorizontalAlignment = .left