flutter设置背景颜色
时间: 2023-09-05 14:13:46 浏览: 58
在Flutter中设置背景颜色可以使用Scaffold组件或Container组件。以下是两种方法:
1. 使用Scaffold组件:
```
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
backgroundColor: Colors.blue, // 设置背景颜色
appBar: AppBar(
title: Text('Flutter Demo'),
),
body: Center(
child: Text('Hello World!'),
),
),
);
}
}
```
2. 使用Container组件:
```
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Container(
color: Colors.blue, // 设置背景颜色
child: Center(
child: Text('Hello World!'),
),
),
);
}
}
```
以上两种方法都可以设置背景颜色,Scaffold组件相对来说更加强大,可以包含AppBar、Drawer、BottomNavigationBar等组件。而Container组件更加灵活,可以自由设置宽高、边距等属性。