본문 바로가기
Flutter/Flutter FAQ

Flutter에서 메인 화면의 배경색을 어떻게 설정하나요?, How do I set the background color of my main screen in Flutter?

by 베타코드 2023. 5. 17.
반응형

질문


저는 Flutter를 배우고 있습니다. 매우 기초부터 시작하고 있습니다. MaterialApp을 사용하지 않고 전체 화면의 배경색을 설정하는 좋은 방법이 무엇인가요?

지금까지 작성한 코드는 다음과 같습니다:

import 'package:flutter/material.dart';

void main() {
  runApp(new MyApp());
}

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return new Center(child: new Text("Hello, World!"));
  }
}

제가 가진 몇 가지 질문은 다음과 같습니다:

  • 배경색을 설정하는 기본적인 방법은 무엇인가요?
  • 화면에서 정확히 무엇을 보고 있는 건가요? 배경을 나타내는 코드는 무엇인가요? 배경색을 설정할 수 있는 것이 있나요? 없다면, 배경색을 설정하기 위한 적절하고 간단한 "단순한 배경"은 무엇인가요?

도움을 주셔서 감사합니다!

위 코드는 흰색 텍스트가 있는 검은색 화면을 생성합니다: enter image description here


답변


애플리케이션 전체의 모든 스캐폴드에 대한 배경색을 설정할 수 있습니다.

ThemeData에서 scaffoldBackgroundColor:을 설정하기만 하면 됩니다:

MaterialApp(
    title: 'Flutter Demo',
    theme: new ThemeData(scaffoldBackgroundColor: const Color(0xFFEFEFEF)),
    home: new MyHomePage(title: 'Flutter Demo Home Page'),
);
반응형

댓글