프론트엔드
아이콘을 텍스트 가운데로 정렬하기(Jetpack Compose)
두줄요약
Jetpack Compose에서 텍스트 길이에 따라 아이콘 위치를 유연하게 정렬하는 방법을 소개했습니다. TextLayoutResult와 커스텀 Alignment로 하드코딩 없이 대응했습니다.
핵심 내용
- Jetpack Compose의 Row 정렬 선을 활용해 아이콘을 텍스트의 원하는 위치에 맞추는 방법 소개
- 텍스트가 없을 때, 한 줄일 때, 두 줄 이상일 때를 구분해 정렬 기준을 달리 설정
- TextLayoutResult와 커스텀 Alignment.Vertical로 하드코딩 padding 없이 배치
- 폴더블 등 좁은 화면에서 줄바꿈이 발생해도 일관된 아이콘 정렬 유지