채팅앱 만들기(Flutter)

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

메시지를 입력할때마다 새 채팅내용이 UI에 생기도록 코드를 추가했다.
플러터 채팅목록들을 저장할 리스트 배열 변수인 _chats 를 만들어주었다.
그리고 앞서 임의로 설정해주었던 “testing message”와 “this is the message” 텍스트를 지우고 사용자로부터 채팅내용을 입력받아 return을 해주었다.
reverse:true는 오래된 채팅이 올라가도록 설정을 해주었고 itemCount는 채팅의 개수이다.
플러터 다음은 _handleSubmitted함수를 수정했는데 사용자로부터 메시지를 입력받는 변수인 newChat 변수를 선언해주었고
setState에서 사용자로부터 새로 입력을 받을때마다 배열의 인덱스0 위치에 그 채팅 내용을 넣게 해주었다.
여기서 setState는 StatefulWidget한테 위젯 상태 바뀌었으니까 바뀐 위젯상태에 따라서 다시 빌드를 요청하는 함수이다.

실행결과

플러터 마지막에 입력해준 “ssss”가 가장 하단 부분에 위치하는 것을 볼 수 있다.