새로운 노트 본문 작성 페이지를 만들어 주기 위해 Page에서 마우스를 우클릭하고 note_edit_page.dart 파일을 만들어 주세요.
NoteEditPage 클래스를 생성해 주고 사용자가 화면을 직접 보고 편집해야 하므로 상태를 관리할 수 있는 위젯인 StatefulWidget을 상속하도록 합니다. createState() 함수 생성 (ctrl + I)
제목 필드 설정
본문 필드
마지막으로 CreateState()에 방금 만들어 준 NoteEditPageState()를 반환하도록 설정해 주면 된다.
main.dart 파일에서 home에 설정되어 있는 페이지를 변경해 주면 첫화면으로 반영이 됩니다.
스크롤 처리가 필요한 위젯을 SingleChildScrollView()위젯으로 감싸주면 됩니다.
body: column영역에서 Alt + Enter를 누른 다음 첫 번째 항목을 선택하고 SingleChildScrollView 를 입력합니다. 이렇게 하면 오버플로우 에러를 해결할 수 있습니다. 스크롤이 잘 되는지 확인해 보시기 바랍니다.
그리고 padding값을 지정해 여백을 어느정도 지정해 주도록 합니다.
다음시간에는 이 화면에서 노트 색상을 추가할 수 있는 기능을 살펴보도록 하겠습니다.