프로젝트

일반

사용자정보

Actions

버그 #580

진행중
CP RL

[버그] 이름 UI가 구겨지는 현상 수정

버그 #580: [버그] 이름 UI가 구겨지는 현상 수정

Chris Park이(가) 약 6시간 전에 추가함.

상태:
해결
우선순위:
보통
담당자:
시작일:
2026/07/28
완료일:
진척도:

0%

추정시간:

설명

테스트를 위해 40자 이상의 이름을 넣었을 때 프로필의 Full name  항목이 구겨집니다.


파일

20260728-115434-891.png (190 KB) 20260728-115434-891.png Chris Park, 2026/07/28 02:54
20260728-115434-891.png

RL Ryan Lee이(가) 3달 전에 변경 Actions #1

  • 상태을(를) 신규에서 진행(으)로 변경되었습니다.

RL Ryan Lee이(가) 3달 전에 변경 Actions #2

  • 상태을(를) 진행에서 해결(으)로 변경되었습니다.

수정 완료했습니다. (커밋 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 을 걸어 최악의 경우에도 글자 단위로 쪼개지지 않게 했습니다.

중간에 잡은 회귀 두 건 (실기기에서 발견하고 되돌림)

  1. 라벨을 flexShrink:0 으로 고정했더니, 설명이 긴 행(Notification 등)에서 라벨이 폭을 독차지해 우측 스위치가 화면 밖으로 밀렸습니다.
  2. labelTextBlock 의 flex:1 이 남아 있어, 값이 짧은데도 자리가 없어 이메일이 'dark0946@g...' 로 잘렸습니다.

검증

  • 에뮬레이터에서 (1) 40자 이름일 때 라벨이 온전히 한 줄로 남는 것, (2) 수정 후 이메일 전체가 잘리지 않고 표시되는 것을 각각 확인했습니다.
  • 다만 두 조건을 동시에 만족하는 화면(긴 이름 + 최종 스타일)은 재현 조작이 반복 실패해 확인하지 못했습니다. QA 시 40자 이상 이름으로 한 번 봐주시면 좋겠습니다.
  • typecheck 통과, 테스트 68 suites / 561 통과 (라벨·값 폭 배분 검증 4건 추가).
Actions

내보내기 PDF Atom