Flutter开发之——单组件布局容器-Container

在Flutter中，Container是一个非常基本的布局组件，它可以装饰和定位其他组件。Container可以装饰为一个有边框的盒子，设置背景颜色，在内部放置一个子组件，并且还可以应用内边距（padding）、外边距（margin）和转换（transform）。

以下是一个简单的Container使用示例：

import 'package:flutter/material.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Center(
          child: Container(
            width: 200.0, // 宽度
            height: 200.0, // 高度
            color: Colors.blue, // 背景颜色
            child: Text('Hello, Container!'), // 子组件
            alignment: Alignment.center, // 子组件的对齐方式
            padding: EdgeInsets.all(20.0), // 内边距
            margin: EdgeInsets.symmetric(vertical: 10.0, horizontal: 20.0), // 外边距
            // 装饰
            decoration: BoxDecoration(
              border: Border.all(color: Colors.red, width: 3.0),
              borderRadius: BorderRadius.circular(10.0),
            ),
          ),
        ),
      ),
    );
  }
}

在这个例子中，我们创建了一个Container，并设置了宽度、高度、背景颜色、子组件、内边距、外边距以及装饰。子组件是一个Text小部件，并且通过alignment属性将其居中对齐。