withmilk 님의 블로그

  • 홈
  • 태그
  • 방명록

flutter 실시간 채팅 앱 1

Flutter 메신저 업그레이드: 메시지 버블, 시간, 닉네임 추가 방법 (코드 변경점 자세히 설명)

Flutter와 Firebase로 간단한 메신저 앱을 만들었다면, 이제 진짜 메신저처럼 멋지게 업그레이드해볼 차례입니다!이번 글에서는 메시지 버블, 닉네임 표시, 보낸 시간 표시, 내 메시지와 다른 사람 메시지 구분까지,코드를 어떻게 변경했는지 하나하나 자세히 알려드릴게요.🧩 Flutter 메신저 업그레이드에서 변경된 부분메시지를 보낼 때 닉네임과 시간도 함께 저장메시지를 시간순으로 정렬해서 보여주기내 메시지는 오른쪽, 다른 사람 메시지는 왼쪽 정렬메시지를 버블 디자인으로 예쁘게 꾸미기닉네임과 보낸 시간도 화면에 표시하기업그레이드된 메신저 예제 코드//chat_screen.dartimport 'package:flutter/material.dart';import 'package:firebase_datab..

Flutter 개발 2025.04.27
이전
1
다음
프로필사진

withmilk 님의 블로그

개발 블로그로 위장한 일상 블로그 🧑‍💻 일단은, 개발/공부한 내용 위주로 포스팅합니다 :D

  • 분류 전체보기 (27) N
    • 일상 (0)
    • Flutter 개발 (14) N
    • LLM (0)
    • 1인 개발 (13) N

Tag

flutter상태관리, pocketbase, 앱개발, flutterriverpod, Flutter, flutter개발, firebase초보가이드, flutter 간단한 앱 만들기, VSCode, Firebase, 플러터개발, firebase사용법, 플레이스토어등록, 사이드프로젝트, 앱출시가이드, appwrite, flutterfirebase, flutter 채팅 앱 만들기, flutter초보, 1인개발,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

  2025. 06  
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.