Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[IDLE-465] 채팅방 UI 구현 #143

Merged
merged 4 commits into from
Oct 30, 2024
Merged

[IDLE-465] 채팅방 UI 구현 #143

merged 4 commits into from
Oct 30, 2024

Conversation

tgyuuAn
Copy link
Member

@tgyuuAn tgyuuAn commented Oct 30, 2024

1. 🔥 변경된 내용

  • 채팅방 말풍선 컴포넌트 구현
  • 채팅방 UI 구현
  • 워크넷 카드 줄바꿈 이슈 해결

채팅방 말풍선 UI 요구사항 및 설계

2. 📸 스크린샷(선택)

  • 채팅방 말풍선 컴포넌트 구현
image
  • 채팅방 UI 구현

image

  • 워크넷 카드 줄바꿈 이슈 해결

이전

image

이후

image

3. 💡 알게된 부분

weight()를 쓸 때 false를 주면..

Modifier.weight(1f, false) 에서 기본값은 true이지만 false를 주게되면 남은 공간을 모두 차지하는 것이 아니라,
남은 뷰들의 배치를 파괴하지 않는 선에서 배치한다.

즉, false로 두면 Min값은 해당 컴포넌트의 크기, Max 값은 나머지 뷰들을 배치한 뒤의 남은 공간이다.

반면 기본값인 true를 설정하게되면 우선적으로 배치되며 남은 공간을 모두 차지하게 된다.

@tgyuuAn tgyuuAn added 새롭게 알게 됨 📖 나 tgyuu가 새롭게 알게된 부분 📖 UI/UX 🎨 디자인 시스템, 디자인 리소스 관련 코드 🎨 labels Oct 30, 2024
@tgyuuAn tgyuuAn self-assigned this Oct 30, 2024
@tgyuuAn tgyuuAn changed the title [IDLE-465] [IDLE-465] 채팅방 UI 구현 Oct 30, 2024
@tgyuuAn tgyuuAn merged commit 8df8457 into develop Oct 30, 2024
1 check passed
@tgyuuAn tgyuuAn deleted the feature/IDLE-465 branch October 30, 2024 10:37
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
UI/UX 🎨 디자인 시스템, 디자인 리소스 관련 코드 🎨 새롭게 알게 됨 📖 나 tgyuu가 새롭게 알게된 부분 📖
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant