[FEAT/#11] 챗 컴포넌트 #11
Description
어떤 기능인가요?
채팅관련 공통 컴포넌트 개발
작업 상세 내용
- chat field
- chat bar
- chat -> 줄바꿈관련 버그 수정 필요
src/entities/chat/model/types.ts— ChatRoomItemProps 타입 정의
src/entities/chat/ui/ChatRoomItem.tsx — 컴포넌트 본체
src/entities/chat/ui/index.ts — UI 레이어 export
src/entities/chat/index.ts — 공개 API export
사용 예시:
import { ChatRoomItem } from "@/entities/chat";
<ChatRoomItem
profileImage={{ uri: "https://..." }}
roomName="인생맥주 숭실대점"
lastMessage="제휴 협력 가능할까요?"
unreadCount={1}
/>
📂 생성된 파일
| 파일 경로 | 역할 |
|---|---|
shared/ui/profile/ProfileAvatar.tsx |
공용 프로필 아바타 (size) |
entities/chat/ui/MessageBubble.tsx |
말풍선 (sent=파랑, received=흰색) |
entities/chat/ui/MessageTime.tsx |
전송 시간 텍스트 |
entities/chat/ui/MessageItem.tsx |
위 3개 조합 컴포넌트 |
참고할만한 자료(선택)
- Android에서 TextInput은 기본적으로 내부 패딩(약 4px 상하)이 있어서 style={{ paddingVertical: 0 }} 패딩을 없에줘야 함.