[flutter] Scaffold에서 이미지를 배경으로 사용하는 방법은 어떻게 되나요?

12 Dec 2023

flutter

먼저, pubspec.yaml 파일에 이미지를 추가해야 합니다.

flutter:
  assets:
    - images/background.jpg

그런 다음 아래와 같이 Scaffold의 body 속성에 Container를 추가하고 decoration 속성을 사용하여 배경 이미지를 설정합니다.

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Container(
          decoration: BoxDecoration(
            image: DecorationImage(
              image: AssetImage('images/background.jpg'),
              fit: BoxFit.cover,
            ),
          ),
        ),
      ),
    );
  }
}

위의 코드에서 images/background.jpg는 프로젝트에 추가된 이미지 파일의 경로를 나타냅니다.

이와 같은 방식으로 Scaffold의 배경으로 이미지를 사용할 수 있습니다.