반응형 ios17 Flutter - 10. TodoList App (3) Database를 연동해보자 (SQLite, sqflite) 화면 자체는 이전 포스팅와 다르지 않다. 현재까지의 작업은 앱을 종료하면 Todo Item들이 모두 사라진다. 런타임에만 저장하기 때문이다. 이번 포스팅은 SQLite 데이터베이스에 Todo Item을 저장하고 불러올 수 있도록 할 것이다. 작업 할 목록은 다음과 같다. sqflite, path_provider 패키지 추가 SQLite 데이터베이스 클래스 작성 데이터베이스와 상호작용을 DAO 클래스 작성 데이터베이스와 상호작용할 수 있도록 TodoModel 클래스 추가 구현 TodoListPage 수정 많아보이지만 별거 없다. 바로 고고씽! 1. sqflite, path_provider 패키지 추가 # pubspec.yaml name: ... description: ... ... dependencies:.. 2021. 1. 26. Flutter - 9. TodoList App (2) Todo Item 추가하기 (AlertDialog, FloatingActionButton) 오늘 만들 화면은 위와 같다. 위 화면을 구성하기 위해 할일은 다음과 같다. FloatingActionButton 생성 Todo Item 추가를 위한 AlertDialog 생성 생성된 Todo Item을 추가하고 리스트를 갱신 어려운 것은 없으니 천천히 시작해본다. 1. TodoModel 작성 Todo Item을 표현하기 위한 TodoModel 클래스를 작성한다. // todo_model.dart class TodoModel { String _title; TodoState _state; final DateTime _createdTime; TodoModel(this._title, this._createdTime) { _state = TodoState.todo; } String getTitle() => _t.. 2021. 1. 25. Flutter - 8. TodoList App (1) 기본 UI 구성하기 이전 포스팅에서 예고했던 대로, Flutter로 간단한 TodoList App을 만들어 볼 것이다. 이번 포스팅은 TodoListApp의 기본 UI를 구성해보도록 하겠다. 위와 같은 UI를 작성할 것이며, BottomNavigationBar의 아이템을 클릭하면 현재의 아이템도 변경되도록 작업 할 것이다. 위 UI를 기반으로 기능을 붙여나가는 방식으로 진행 할 것이다. 1. 루트 페이지 만들기 class TabItem { String _title; IconData _icon; TabItem(String title, IconData icon) { _title = title; _icon = icon; } String getTitle() => _title; IconData getIcon() => _icon; }.. 2021. 1. 18. Flutter - 7. Widget? Scaffold(AppBar, BottomNavigationBar, FloatingActionButton, Drawer) 전부는 아니지만, 많은 모바일 앱이 공통으로 띄는 형태가 있다. (주관적입니다.) 앱의 상단에 제목, 뒤로가기, 검색 등의 옵션이 있는 AppBar 앱의 하단에 페이지를 이동할 수 있는 BottomNavigationBar 앱 혹은 앱의 현재 페이지의 대표적인 행동을 할 수 있는 FloatingActionButton 그리고 앱의 컨텐츠 위 네 가지의 형태가 가장 많이 보이는 형태가 아닐까 싶다. 대충 이런느낌?! (카카오 Oven을 사용해서 이해를 돕기 위해 만들었다. 프로토타이핑은 어렵다 ㅠㅠ) 위의 형태를 Flutter에서는 아주 손쉽게 구현할 수 있도록 제공하고 있다. 제목에도 쓰여있듯, Scaffold가 바로 그것이다. 이 포스팅 전 까지 몇 개의 Widget을 보면서 Scaffold가 쓰였었는데,.. 2021. 1. 17. 이전 1 2 3 4 5 다음
