플러터34 [Flutter Layout] 1. 플러터 기본 레이아웃 만들기(Scaffold 사용하기) 플러터(Flutter)의 레이아웃에 대해 연속 글을 올릴 계획입니다. 플러터에서 위젯을 사용해서 레이아웃을 만드는 법에 대해 알아보도록 하겠습니다. 우선 가장 많이 쓰는 Scaffold부터 가볍게 시작해 봅시다. 이번 포스트는 다음 내용을 다루고 있습니다. Scaffold Appbar FloatingActionButton PersistentFooterButtons 우선 플러터의 기본 프로젝트를 자동생성해서 만들어 놓은 상태입니다. *프로젝트 생성하는 법을 알고 싶으시면 이쪽글을 참고해 주세요. 레이아웃 만들기 main.dart 파일에서 자동 생성된 모든 코드를 삭제한 상태에서 시작해 보도록 하겠습니다. 아래 코드 살펴봅시다. (1) 먼저 material.dart 라이브러리를 가져오고 있습니다. Dart와.. 2022. 3. 11. [Flutter] 20. Dismissible 위젯 스와이프 삭제하기 플러터 앱에서 Dismissible 위젯을 사용하여 ListView의 항목을 스와이프(밀어서) 삭제하는 기능을 만들어 보겠습니다. 실제로 스와이프 액션을 통해 데이터의 삭제가 이뤄지는 곳은 SharedPreferences 이므로 헬퍼 클래스에서 삭제 메소드도 추가하겠습니다. 이번 포스트는 다음 내용을 다루고 있습니다. SharedPreferences 데이터 지우기 Dismissible 위젯, 스와이프 삭제하기 SharedPreferences 데이터 지우기 SharedPreferences 패키지의 인터페이스 역활을 하는 SPHelper클래스에 데이터 삭제를 담당하는 메소드를 간단히 만들어 보겠습니다. SharedPreferences의 모든 쓰기처리는 비동기식이므로 삭제 메소드인 deletePerforman.. 2022. 3. 8. [Flutter] 19. 데이터 저장 앱 만들기4, SharedPreference ID관리 플러터 앱에서 SharedPreference 패키지를 이용하여 데이터를 저장하고 읽어오는 앱을 만들고 있습니다. 계속해서 완성해 보도록 하겠습니다. 하단에 링크돼있는 연관글을 참고해서 읽어주세요. 이번 포스트는 다음 내용을 다루고 있습니다. SharedPreferences의 ID 처리 Counter로 관리하기 현재까지 진행상황 현재까지 만든 앱은 새 기록을 앱에 쓸 때 하드 코딩된 같은 ID로 넣고 있습니다. 그래서 계속 같은 ID로 입력하게 되어 하나의 데이터밖에 쓰고 볼 수 없는 상태입니다. 데이터 베이스에 넣을 때는 ID를 자동으로 처리할 수 있지만 SharedPreferences의 경우 수동으로 처리해야 합니다. SharedPreferences ID처리 Counter로 관리하기 ID 카운터 만들기.. 2022. 3. 7. [Flutter] 17. 플러터 데이터 저장 앱 만들기2 (AlertDialog 다이얼로그 위젯 입력 받기) 지난포스트에 이어서 데이터 저장 앱을 만들고 있습니다. 플러터에서 대화상자(다이얼로그) 위젯인 AlertDialog를 이용해서 데이터 입력을 받고 그 입력받은 데이터를 저장해 보도록 하겠습니다. 이번 포스트는 다음 내용을 다루고 있습니다. AlertDialog 위젯 만들기(다이얼로그, 대화상자) 쓰기 처리 AlertDialog 위젯 만들기 AlertDialog(다이얼로그)는 유저에게 메시지를 보여주거나, 특정 조치를 요구하거나, 일부 정보를 요청하는데 사용할 수 있는 위젯입니다. 위 캡처와 같이 AlertDialog UI는 현재 화면의 맨 위에 나오고 화면의 일부를 덮는 창입니다. floatingActionButton을 클릭을 했을 때 AlertDialog를 표시하려고 하므로 onPressed와 연결시킬.. 2022. 3. 3. 이전 1 ··· 3 4 5 6 7 8 9 다음
