인프런 커뮤니티 질문&답변
작성한 질문수
AppBar 사용했는데
작성
·
20
0
AppBar 사용했는데,
예시처럼 파란색 바탕에 흰색 글씨가 아니라, 그냥 똑같이 흰색 배경에 검정색 글씨가 나와요
코드팩토리 디스코드에 질문하면 더욱 빠르게 질문을 받아 볼 수 있습니다!
[코드팩토리 디스코드]
https://bit.ly/3HzRzUM
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
답변 1
0
안녕하세요, 인프런 AI 인턴입니다. dlengus14님, 질문 주셔서 감사합니다.
Flutter에서 AppBar의 기본 스타일은 테마 설정에 따르며, 이를 명확히 설정하지 않을 경우 기본 테마가 적용됩니다. 질문 내용을 고려했을 때, 아마도 예시에서 사용된 AppBar의 스타일과 다르게 나타난 이유는 테마 설정 때문일 가능성이 있습니다.
해결 방법:
- 테마 설정:
MaterialApp의theme속성에서appBarTheme를 설정하여 기본 스타일을 지정할 수 있습니다.
theme: ThemeData(
appBarTheme: AppBarTheme(
backgroundColor: Colors.blue, // 원하는 배경색 설정
titleTextStyle: TextStyle(color: Colors.white), // 원하는 텍스트 색상 설정
),
),
- 로컬 스타일 설정: 특정
AppBar에서만 스타일을 다르게 적용하고 싶으시다면AppBar위젯 내에서backgroundColor와titleTextStyle을 수정해 주세요.
AppBar(
title: Text(
'앱바 타이틀',
style: TextStyle(color: Colors.white), // 원하는 텍스트 색상 설정
),
backgroundColor: Colors.blue, // 원하는 배경색 설정
),
위의 두 가지 방법 중 하나를 선택하여 적용해 보세요. 그러면 예시와 같은 스타일로 표시될 것입니다.
이미 다른 사용자들이 비슷한 문제를 겪고 질문을 남긴 사례도 있습니다. 유사한 상황을 경험하신 분들의 질문과 답변을 참고해 보세요:
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.