본문 바로가기

프로그래밍/Flutter54

[Flutter Layout] 2. 플러터 Themes, 다크모드, 앱의 컬러 선택 사이트 지난 포스트에서 만든 레이아웃을 베이스로 Themes와 Colors에 대해 알아보도록 하겠습니다. 그리고 앱의 컬러를 쉽게 선택할 수 있게 도와주는 사이트를 알아봅시다. 이번 포스트는 다음 내용을 다루고 있습니다. brightness, 다크 모드 설정 primarySwatch, 앱바 생상 변경 textTheme, 텍스트 스타일 일괄적으로 변경 Material Palette, 플러터 앱의 컬러 선택을 쉽게 현재 아래와 같은 앱을 구성하고 있습니다. 코드를 보면 앱에 대해서 어떤 색상도 설정하지 않았지만 화면에서는 파란색과 흰색 색상이 표현되고 있습니다. 이러한 앱의 테마를 쉽게 변경할 수 있습니다. MaterialApp 위젯에 테마를 설정해 보도록 하겠습니다. MaterialApp 테마 설정 1. brig.. 2022. 3. 14.
[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.