플러터 앱에서 배경 이미지를 설정하고 그 위에 콘텐츠를 배치하는 방법에 대해 알아보겠습니다.

1. Asset 이미지 추가하기
   먼저, pubspec.yaml 파일에 사용할 이미지를 assets에 추가합니다.

   flutter:
     assets:
       - assets/background.jpg
   

2. Scaffold 위젯 구성하기
   Scaffold 위젯을 구성하고, body 속성을 사용하여 배경 이미지와 콘텐츠를 함께 표시합니다.

   import 'package:flutter/material.dart';
   
   void main() {
     runApp(MyApp());
   }
   
   class MyApp extends StatelessWidget {
     @override
     Widget build(BuildContext context) {
       return MaterialApp(
         home: Scaffold(
           body: Stack(
             children: [
               Image.asset(
                 'assets/background.jpg',
                 fit: BoxFit.cover,
                 width: double.infinity,
                 height: double.infinity,
               ),
               Center(
                 child: Text(
                   '내 콘텐츠',
                   style: TextStyle(
                     fontSize: 24,
                     fontWeight: FontWeight.bold,
                     color: Colors.white,
                   ),
                 ),
               ),
             ],
           ),
         ),
       );
     }
   }
   

   여기서 Stack 위젯을 사용하여 배경 이미지와 콘텐츠를 겹쳐 표시하고 있습니다. 배경 이미지 위에 텍스트를 표시하기 위해 Center 위젯을 사용했습니다.

이렇게 하면 Scaffold에서 배경 이미지와 콘텐츠를 함께 사용할 수 있습니다.