본문 바로가기

FloatingActionButton2

[Flutter Layout] 1. 플러터 기본 레이아웃 만들기(Scaffold 사용하기) 플러터(Flutter)의 레이아웃에 대해 연속 글을 올릴 계획입니다. 플러터에서 위젯을 사용해서 레이아웃을 만드는 법에 대해 알아보도록 하겠습니다. 우선 가장 많이 쓰는 Scaffold부터 가볍게 시작해 봅시다. 이번 포스트는 다음 내용을 다루고 있습니다. Scaffold Appbar FloatingActionButton PersistentFooterButtons 우선 플러터의 기본 프로젝트를 자동생성해서 만들어 놓은 상태입니다. *프로젝트 생성하는 법을 알고 싶으시면 이쪽글을 참고해 주세요. 레이아웃 만들기 main.dart 파일에서 자동 생성된 모든 코드를 삭제한 상태에서 시작해 보도록 하겠습니다. 아래 코드 살펴봅시다. (1) 먼저 material.dart 라이브러리를 가져오고 있습니다. Dart와.. 2022. 3. 11.
[Flutter] 16. 플러터 데이터 저장 앱 만들기1 (SharedPreferences 헬퍼 클래스, FloatingActionButton 위젯) 지난포스트에서 플러터에서 앱에 데이터를 저장하는 패키지인 Shared Preferences의 사용법을 알아보았습니다. 데이터를 저장하는 화면을 만들어보도록 하겠습니다. 이번 포스트는 플러터의 다음 내용을 다루고 있습니다. 모델 클래스 만들기 Shared Preferences 헬퍼 클래스 만들기 FloatingActionButton 위젯 플러터에서 데이터를 저장하는 화면으로 독서한 시간을 기록하는 화면을 만들 계획입니다. 화면 이름은 "독서 트레이닝"이라고 하겠습니다. 독서 트레이닝 화면은 플로팅 버튼을 클릭하면 다이어로그가 팝업되고 책의 제목과 읽은 시간을 입력합니다. 입력 후 기록이 화면에 표시되고 앱에 저장됩니다. 저장된 기록은 앱을 완전히 종료하여도 삭제되지 않고 다시 실행 했을 때 표시되게 됩니다.. 2022. 3. 2.