본문 바로가기

ListTile2

[Flutter Layout] 13. ListView와 ListTile로 연락처 목록 디자인 하기 앱에서 찾을 수 있는 일반적인 기능 중 하나는 연락처 목록입니다. 이번 포스트에서는 연락처 목록의 레이아웃을 작성해 보도록 하겠습니다. 이번 포스트는 아래 내용을 다루고 있습니다. 연락처 모델 만들기 ListTile 위젯 개요 ListTile 위젯으로 레이아웃 만들기 지난 코드 살펴보기 수직으로 스크롤하는 목록 뷰가 있는 상태에서 소스코드를 수정해 보도록 하겠습니다. 매터리얼 앱으로 home 속성에 Scaffold 위젯을 설정하고 있고 body 속성에 다시 Home 위젯을 불러오고 있습니다. Home 클래스는 StatelessWidget으로 build 메소드에서는 화면을 꽉 채우는 Container를 리턴해 주고 있습니다. Container위젯의 child로는 ListView의 separated 생성자로.. 2022. 4. 13.
[Flutter] 18. 데이터 저장 앱 만들기3, 데이터 읽기, ListTile 위젯 플러터에서 데이터를 앱에 저장하는 화면을 만들고 있습니다. 지난포스트에서 AlertDialog를 이용해 유저에게 데이터를 입력받아 SharedPreferencs 패키지를 이용한 쓰기 처리를 진행한 상태입니다. 앱에 데이터 저장은 되지만 저장한 데이터를 아직 확면에 보여주지는 못하는 상태입니다. 이번 포스트의 목표는 저장한 독서기록데이터인 performance를 가져와서 유저에서 UI로 보이게 하는 것입니다. 이번포스트는 다음 내용을 다루고 있습니다. SharedPreferences 데이터 읽기 ListTile 위젯 메소드 만들기 위젯의 표시와 갱신 SharedPreferences 데이터 읽기 메소드 만들기 SharedPreference 패키지와 인터페이스 역할을 하는 SPHelper에서 읽기 메소드를 만.. 2022. 3. 6.