Inflearn brand logo image

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

tjdbrkd93님의 프로필 이미지
tjdbrkd93

작성한 질문수

Flutter 초입문 왕초보편

014. Scaffold를 사용하여 머티리얼 디자인의 뼈대와 AppBar 작성

appbar 오류

작성

·

31

0

 

image.png

 appBar 를 영상처럼 그대로 따라했는데, 에뮬레이터에는 '홈'이란 글씨만 적혀있고 상단에 바가 나타나지 않습니다. 어떻게 해야할까요?

답변 2

0

오준석님의 프로필 이미지
오준석
지식공유자

현재는 테마가 변경되서 색이 배경색으로 적용되어 그렇습니다. 강의 영상처럼 되돌리려면
useMaterial3 속성을 false 로 하면 강의 영상과 같아지니 참고하세요.

image.png


0

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

AppBar가 에뮬레이터에서 제대로 나타나지 않는 문제는 주로 Flutter의 최신 버전 업데이트로 인해 발생할 수 있습니다. Flutter의 최신 버전에서는 기존의 디자인과 다르게 UI 요소가 표시될 수 있습니다. 특히, 머티리얼 디자인 버전이 2에서 3으로 바뀌면서 AppBar의 기본 배경색이 투명하게 보일 경우가 있습니다.

다음은 AppBar를 제대로 표시하기 위해 시도해볼 수 있는 몇 가지 방법입니다:

  1. 배경 색 설정: AppBarbackgroundColor를 명확하게 설정해 보세요. 예를 들어, Colors.blue와 같은 색상으로 설정하면 눈에 잘 보일 겁니다.

    appBar: AppBar(
     title: Text('홈'),
     backgroundColor: Colors.blue,
    ),
    
  2. Flutter 버전 확인: 프로젝트의 pubspec.yaml 파일에서 Flutter SDK 버전을 확인하고, 가급적이면 강의에서 사용된 버전과 유사한 버전을 사용하는 것이 좋습니다.

  3. 에뮬레이터 문제 해결: 때로는 에뮬레이터 자체의 문제일 수도 있으니, 다른 에뮬레이터를 시도하거나 실제 기기에서 실행해 보세요.

관련 질문이 이미 있어서 참고하면 도움이 될 것 같습니다. 아래 링크를 통해 유사한 질문들에 대한 자세한 답변을 확인하실 수 있습니다:

제가 추천드린 해결책이 도움이 되길 바랍니다. 만약 추가적인 질문이 있으시거나 다른 문제가 발생하면 언제든지 문의해 주세요. 곧 강사님께서도 답변해주실 겁니다.

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

tjdbrkd93님의 프로필 이미지
tjdbrkd93

작성한 질문수

질문하기