flutter背景图片设置

在Flutter中，设置背景图片可以使用Container组件配合Decoration使用BoxDecoration的image属性。以下是一个简单的示例代码：

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('assets/background.jpg'), // 替换为你的图片路径
              fit: BoxFit.cover, // 背景图片如何适配容器大小
            ),
          ),
          // Container的其余部分可以用来放置其他的Widgets
          child: Center(
            child: Text('背景图片示例'),
          ),
        ),
      ),
    );
  }
}

确保你的图片已经被放置在项目的assets文件夹中，并且在pubspec.yaml文件中声明了资源路径。例如：

flutter:
  assets:
    - assets/background.jpg

BoxFit.cover将确保背景图片覆盖整个Container，保持图片的宽高比，同时确保图片完全覆盖容器。其他BoxFit选项包括fit: BoxFit.contain（保持图片原始宽高比，缩放图片以完全显示在容器内）和fit: BoxFit.fill（拉伸图片以完全填充容器，可能会改变图片的比例）等。