flutter 利用position居中

在Flutter框架中，为了使某个UI元素居中显示，可以利用`Positioned` widget这个工具。`Positioned` widget允许开发者指定子widget在一个容器内的精确位置。为了将一个widget水平和垂直居中，你需要设置其`left`, `right`, `top`, 和 `bottom`属性都等于各自的`FractionalOffset`值的一半。

下面是一个简单的例子：

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(
            decoration: BoxDecoration(
              border: Border.all(color: Colors.black),
              borderRadius: BorderRadius.circular(8),
            ),
            color: Colors.white,
            padding: EdgeInsets.all(16),
            width: 200,
            height: 200,
            // 使用 Positioned 将子widget居中
            child: Positioned.fill(
              top: 0,
              left: 0,
              right: 0,
              bottom: 0,
              child: Text('这里是居中的文本'),
            ),
          ),
        ),
      ),
    );
  }
}

在这个示例中，`Container`是一个包含文本的容器，并通过`Positioned.fill`将其填满整个屏幕。这里我们设置了四个属性分别为`top: 0`, `left: 0`, `right: 0`, `bottom: 0`，意味着我们将这个`Text` widget水平和垂直方向上都调整到了最中间的位置。这使得文本能够在屏幕上无论大小如何都能保持居中状态。

---
相关问题:
1. Flutter 中的 `Positioned` 如何定位子widget？
2. 如何使用 `Align` widget 来布局元素？
3. `Expanded` widget 在 Flutter 中的作用是什么？