채팅앱 만들기(Flutter)
채팅앱 만들기(Flutter)
채팅앱 만들기(Flutter)
https://www.youtube.com/watch?v=aBeJb3gZQZY&t=4711s
유튜브채널 더코딩파파님의 90분 채팅앱 만들기 - Flutter | Lv.2(초중급) 영상을 참고하면서 공부했다.
채팅어플에서 사용자가 텍스트를 입력하고 send 버튼을 눌렀을 때 해당 내용이 터미널에 출력되고 해당 텍스트들이 없어지게 clear하게끔 하기 위해 몇가지 코드를 추가하였다.
우선 Expanded안에 있는 TextField위젯안에 컨트롤러를 설정해줘서 우리가 적은 텍스트를 터미널에 출력하게끔 컨트롤링해주기 위해서 텍스트 에디팅컨트롤러 객체를 생성해준다.
그리고 코드 하단 부분의 FlatButton의 onPressed에서 버튼을 눌렀을 때 아까 설정해준 컨트롤러의 텍스트를 출력하게 해주었다.
버튼 말고도 자판기의 OK버튼을 눌렀을 때도 터미널에 텍스트를 출력하게 해주기 위해서 Textfield위젯 안에 있는 onSubmitted에 역시 텍스트를 받아 출력하게 해주었다.
FlatButton과 onSubmitted 안에 있는 코드의 내용들이 비슷하기 때문에 따로 _handleSubmitted 함수를 만들어줘서 함수를 대입해주면 코드가 더 간결해진다.
그리고 send 버튼을 눌렀을 때 해당 텍스트들을 클리어하기위해 컨트롤러에 clear함수를 지정해주었다. 최종 코드이다.
실행결과