Actions
버그 #580
진행중
CP
RL
[버그] 이름 UI가 구겨지는 현상 수정
버그 #580:
[버그] 이름 UI가 구겨지는 현상 수정
시작일:
2026/07/28
완료일:
진척도:
0%
추정시간:
설명
테스트를 위해 40자 이상의 이름을 넣었을 때 프로필의 Full name 항목이 구겨집니다.
파일
RL Ryan Lee이(가) 3달 전에 변경
- 상태을(를) 진행에서 해결(으)로 변경되었습니다.
수정 완료했습니다. (커밋 3d47585, dev 반영 완료)
원인¶
행 안에서 폭 배분이 잘못돼 있었습니다. 라벨 컨테이너가 flex:1(= flexBasis 0)이라, 값이 행 폭을 넘기는 순간 남는 공간이 음수가 되어 라벨 폭이 0 으로 눌렸습니다. 그래서 'Full name' 이 'Full n / ame' 으로 쪼개지고, 더 좁아지면 한 글자씩 세로로 늘어섰습니다.
수정¶
세 곳의 폭 배분을 바로잡았습니다.
- label: flex:1 제거, flexShrink 만 남겨 basis 를 내용 폭으로 둠
- labelTextBlock: 같은 이유로 flex:1 제거
- value / valueText: 축소 허용 + numberOfLines=1 로 말줄임. 라벨보다 basis 가 크므로 폭이 모자라면 값이 먼저, 더 많이 줄어듭니다.
- 라벨 제목에도 numberOfLines=1 을 걸어 최악의 경우에도 글자 단위로 쪼개지지 않게 했습니다.
중간에 잡은 회귀 두 건 (실기기에서 발견하고 되돌림)¶
- 라벨을 flexShrink:0 으로 고정했더니, 설명이 긴 행(Notification 등)에서 라벨이 폭을 독차지해 우측 스위치가 화면 밖으로 밀렸습니다.
- labelTextBlock 의 flex:1 이 남아 있어, 값이 짧은데도 자리가 없어 이메일이 'dark0946@g...' 로 잘렸습니다.
검증¶
- 에뮬레이터에서 (1) 40자 이름일 때 라벨이 온전히 한 줄로 남는 것, (2) 수정 후 이메일 전체가 잘리지 않고 표시되는 것을 각각 확인했습니다.
- 다만 두 조건을 동시에 만족하는 화면(긴 이름 + 최종 스타일)은 재현 조작이 반복 실패해 확인하지 못했습니다. QA 시 40자 이상 이름으로 한 번 봐주시면 좋겠습니다.
- typecheck 통과, 테스트 68 suites / 561 통과 (라벨·값 폭 배분 검증 4건 추가).
Actions