채팅앱 만들기(Flutter)

https://www.youtube.com/watch?v=aBeJb3gZQZY&t=4711s
유튜브채널 더코딩파파님의 90분 채팅앱 만들기 - Flutter | Lv.2(초중급) 영상을 참고하면서 공부했다.

메시지 입력창과 send 버튼을 밑으로 내리고 그동안 채팅을 보낸 내역을 보여주기 위해 몇가지 코드를 추가하였다.
아무거나 우선 채팅을 보낸 사람의 이름과 채팅 내용을 보여주는 chat_message.drat 파일을 생성했다.
채팅을 보낸 사람의 아이콘을 CircleAvatar로 표현을 했고 이름을 우선 “ID or Name”이라 임의로 지정을 했고 채팅 내용인 txt를 보이게끔 하였다.
아무거나 다음은 home_page.dart 파일 코드의 일부분이다.
앞선 코드에서 ListView위젯을 추가해줘서 채팅 목록들이 상단부분에 위치하고 메시지입력창과 send버튼을 하단부분에 위치하게 하였다.
채팅내용을 임의로 “testing message”와 “this is the message”라고 설정을 해주었다.

실행결과

플러터