가을기 Workspace

플러터에서 화면을 이동하는 방법. 각 화면에 라우팅을 붙이고, 이를 사용해 원하는 화면으로 이동한다. 경로는 항상 '/'로 시작한다. note_list_page.dart class NoteListPage extends StatefulWidget { static const rootName = '/'; @override State createState() => _NoteListPageState(); } note_edit_page.dart class NoteEditPage extends StatefulWidget { static const rootName = '/edit'; @override State createState() => _NoteEditPageState(); } MyApp에는 initialRout..

저장만 되고, 아직 화면에 보여지진 않는다. data/note_manager.dart : 노트 관리 클래스 import 'dart:ui'; import 'note.dart'; class NoteManager { List _notes = []; void addNote(Note note) { _notes.add(note); } void deleteNote(int index) { _notes.removeAt(index); } Note getNote(int index) { return _notes[index]; } List listNotes() { return _notes; } void updateNote(int index, String body, { String title = '', Color? color }..

NoteEditPage에 Color를 추가한다. SingleChildScrollView에 커서를 올려놓고 alt + enter, WrapWithContainer를 통해 Container로 감싼다. 이후 color를 추가. appbar에 색상 선택하는 버튼 추가하고, 노트에 편집하는 버튼을 눌렀을때 소프트 키보드가 올라와있으면 얘를 내려줘야하니까 FocusManager를 사용해서 Focus 해제 import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; import 'package:sticky_notes/data/note.dart'; class NoteEditPage extends StatefulWidget { @over..

page/note_list_page.dart 추가 import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; class NoteEditPage extends StatefulWidget { @override State createState() => _NoteEditPageState(); } class _NoteEditPageState extends State { late String title; late String body; @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('노트 편집'), ), body:..

data/note.dart에 색상정보 추가 import 'package:flutter/material.dart'; class Note { late String title; late String body; late Color color; Note(this.body, { this.title = '', this.color = colorDefault }); static const colorDefault = Colors.white; static const colorRed = Color(0xFFFFCDD2); static const colorOrange = Color(0xFFFFE0B2); static const colorYellow = Color(0xFFFFF9C4); static const colorLime =..

data/note.dart class Note { late String title; late String body; Note(this.body, { this.title = ''}); } page/note_list_page.dart import 'package:flutter/material.dart'; import 'package:sticky_notes/data/note.dart'; class NoteListPage extends StatefulWidget { @override State createState() => _NoteListPageState(); } class _NoteListPageState extends State { @override Widget build(BuildContext conte..

new flutter project 후 android, ios 의 app id, bundle id를 수정한다. android: android/app/build.gradle defaultConfig { // TODO: Specify your own unique Application ID (https://developer.android.com/studio/build/application-id.html). applicationId "com.actumn.stickynotes" minSdkVersion 16 targetSdkVersion 30 versionCode flutterVersionCode.toInteger() versionName flutterVersionName } ios: macos가 없어서 스킵 x..

FloatingActionButton의 위치는 floatingActionButtonLocation으로 조정할 수 있다. Container 위젯은 다른 위젯을 담는 역할을 한다.child 속성으로 하위 위젯을 지정할 수 있다. Padding 위젯은 자식 위젯과 padding만 설정할 수 있다. SizedBox 위젯은 Container의 너비와 높이만 지정할 수 있다. Row와 Column 위젯은 여러개의 자식 component를 배치할 수 있다. 각자 수평방향, 수직방향으로.mainAxisSize, mainAxisAlignment로 배치를 조정할 수 있다. ListView는 다수의 자식 위젯을 수직방향으로 배치할 수 있다.자식 위젯이 많아져서 화면 크기를 넘어가면 스크롤뷰를 통해 나머지 항목 확인 가능 U..