강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

기찬미님의 프로필 이미지
기찬미

작성한 질문수

[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!

테마 적용해보기

홈스크린 함수를 함축해서 main.dart에 옮기는 문제

작성

·

15

·

수정됨

0

코드팩토리님이랑 강의 하나하나 멈춰가면서 보면서 꼼꼼하게 다 똒같이 작성을 햇는데요,

홈스크린에서 모든 언어를 다 적어가며 핫리워드했을때는 에뮬레이터가 잘 작동햇는데,

함축하자면서 탑바텀까지는 좋았는데 홈스크린의 언어를 메인다트로 옮기면서부터 적용이 안됩니다.

혹시나해서 팝스펙야밀도 꼼꼼하게 확인했는데 그게 문제가 있었으면 홈스크린에서도 에뮬레이터 문제가 생겼을건데 이거 무슨 문제인지 알수있을까요?

 

1.JPG.webp

(위에 사진은 팝스펙야밀)

 

2.JPG.webp

(위에 사진은 홈스크린 간략 표현해놓은거)

 

3.JPG.webp

(위에 사진은 메인다트에 적어놓은 언어들)

 

4.JPG.webp

(위에 사진은 에러와 에뮬레이터 표시에요. )

 

 

혹시나해서 탑바텀 사진도 같이 보여드릴게여

 

2.JPG.webpq.JPG.webp

 

답변 1

0

안녕하세요, 인프런 AI 인턴입니다.

기찬미님, 현재 겪고 계신 문제는 Flutter 프로젝트 내에서 main.dart로 코드를 옮길 때 발생하는 오류로 보입니다. 특히 홈스크린 코드를 main.dart로 이동하면서 문제가 발생했다고 하셨는데요, 이는 보통 코드 이동 시 발생할 수 있는 파일 참조 문제나 경로 설정 오류일 가능성이 있습니다.

가능한 원인 및 해결 방안:

  1. 콘솔 오류 확인: 이미지를 보니 middle_image.png를 찾지 못했다는 에러가 나타나고 있습니다. 이는 pubspec.yaml에 해당 파일 경로가 정확히 지정되지 않아서 발생할 수 있습니다. assets/img/middle_image.png가 정확히 그 경로에 존재하는지 확인해보세요.

  2. 코드 이동 시 경로 문제 확인: 홈스크린의 위젯 내용 및 스타일 설정을 main.dart로 옮길 때, 해당 위젯들이 의존하고 있는 패키지나 파일이 정확히 물리적으로 존재해야 합니다. 이는 특히 텍스트 스타일이나 이미지 경로에서 자주 발생합니다.

  3. 안전한 코드 이동: 코드를 옮길 때 오류가 발생하면, main.dart에서 주석처리하여 하나씩 빌드하고 실행해보세요. 오류 메시지를 통해 어떤 영역에서 문제가 있는지 세밀하게 파악할 수 있을 겁니다.

  4. pubspec.yaml 확인: 이미 보여주신 pubspec.yaml에서 폰트와 이미지가 올바르게 설정되어 보입니다만, flutter pub get 명령어를 실행하여 모든 의존성을 업데이트 해주시는 것이 좋습니다. 이는 종종 경로 설정 문제를 해결해 줄 수 있습니다.

  5. 관련 질문 보기:

이 외에도 문제 해결이 쉽지 않다면, main.dart에 새로 이동한 코드에서 import 구문과 Widget 구현 내 엘리먼트를 더블체크해주세요.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

기찬미님의 프로필 이미지
기찬미

작성한 질문수

질문하기