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

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

anana님, VS Code에서 Flutter 앱의 배경색이 갑자기 검은색으로 변한 경우, 아마도 앱의 테마 설정이 변경된 것일 수 있습니다. Flutter 앱에서는 MaterialApp 위젯의 theme 속성을 사용하여 전체 앱의 테마를 조정할 수 있습니다. 검은색으로 변경되었다면, 앱이 다크 모드 테마를 사용하도록 설정되었을 가능성이 높습니다.

다크 모드와 라이트 모드를 자동으로 전환하게 하려면, theme 및 darkTheme 속성에 각각 라이트 테마와 다크 테마를 설정하고, themeMode를 ThemeMode.system으로 설정하여 시스템 설정을 따르도록 할 수 있습니다.

예를 들어:

MaterialApp(
  theme: ThemeData.light(), // 라이트 모드 테마
  darkTheme: ThemeData.dark(), // 다크 모드 테마
  themeMode: ThemeMode.system, // 시스템 테마 설정 따름
)

이 설정은 사용자의 시스템 테마 설정에 따라 앱의 테마가 자동으로 전환되게 합니다. 만약 코드 변경 없이 앱의 테마가 갑자기 변경된 경우, 시스템의 테마 설정을 확인해보세요. 추가로, VS Code 환경이나 Flutter 코드 내에서 의도치 않은 변경이 발생하지 않았는지도 확인하는 것이 좋습니다.

변경 사항이나 설정이 의도한 대로 되어 있지만 문제가 지속된다면, Flutter 앱을 재시작하거나 Flutter SDK 및 VS Code를 최신 버전으로 업데이트해보는 것도 도움이 될 수 있습니다.