Flutter App개발 - 파일분리하기

파일 분리하기 모든 코드가 main.dart에 있는데, 코드가 길어질수록 코드를 찾는 시간이 길어지기 때문에 파일을 분리해 보도록 하겠습니다. 일반적으로 위젯들을 각각 다른 파일에 분리해두곤 합니다.

최종 파일 구조 main.dart : 앱 시작 home_page.dart : 첫 번째 페이지 레이아웃 feed.dart : HomePage에서 body home_page.dart 파일 분리 lib 폴더를 선택한 뒤 마우스 우클릭으로 New File을 선택해주세요. 2. 이름을 home_page.dart로 지어주세요. 3. main.dart 파일에 20번째 라인부터 마지막 줄 까지 HomePage 위젯이므로 잘라서 home_page.dart 파일로 옮겨주세요!

처음 옮기고 나면 아래와 같이 빨간줄 투성이로 에러가 발생하는데, Material과 Cupertino import가 안 돼서 발생하는 에러입니다. 첫 번째 줄에 StatelessWidget을 클릭하신 뒤 Quick Fix(wind...