Inflearn brand logo image

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

siah님의 프로필 이미지
siah

작성한 질문수

Flutter 앱 개발 기초

Flutter 공부 방법

저는 강사님 처럼 화면이 안뜨는데 머테리얼 버전이 다른걸까요??

해결된 질문

작성

·

32

1

강사님은 하늘색 UI가 뜨시는것 같은데 저는 아래 첨부한 이미지처럼 기본 디자인이 다르게 뜹니다.
동일한 화면을 보면서 강의를 듣고 싶은데, 머테리얼 버전을 어떻게 지정 해야할까요??

image.png


답변 2

2

DevStory님의 프로필 이미지
DevStory
지식공유자

안녕하세요

노션 강의자료 1회차 > 3. 프로젝트 준비 > 4. 실행하기 섹션에 메테리얼 버전을 지정하는 상세 내용을 확인하실 수 있습니다.

감사합니다 :)

1

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

Flutter를 사용할 때, 동일한 화면 케이싱을 원하지만 앱의 테마가 다른 경우, 최근 Flutter 프레임워크가 업데이트되면서 주어진 버전에 따라 기본 UI 테마가 변경된 것일 수 있습니다. 강의와 동일한 외관을 원하신다면 머테리얼 디자인의 버전을 조정해볼 수 있습니다.

최근 Flutter 3.16.0 버전부터는 기본 테마가 Material 3으로 변경되었으며, 이에 따라 이전과 UI 부분에서 차이가 생길 수 있습니다. 강의와 동일한 Material 2 환경을 구축하고 싶다면, MaterialApptheme 속성을 수정하여 이전 스타일을 사용할 수 있습니다.

MaterialApp(
  theme: ThemeData(useMaterial3: false),
  // 여기에 나머지 코드가 들어갑니다.
)

위 코드를 사용하면 앱의 디자인이 기존의 Material 2 스타일로 표시되어 강의와 같은 화면 구성을 볼 수 있습니다.

위 내용은 첫강의를 따라했는데 앱바나 버튼이 보여주시는 화면과 달라요 질문에서도 다루어지고 있습니다. 관련 내용을 참고하여 추가로 설정 변경해 보시기를 바랍니다.

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

siah님의 프로필 이미지
siah

작성한 질문수

질문하기