一、Center类

  1. class ContentView extends StatelessWidget{
  2. @override
  3. Widget build(BuildContext context) {
  4. return Center(
  5. child: Container(
  6. width: 300,
  7. height: 300,
  8. decoration: const BoxDecoration(
  9. color: Colors.yellow
  10. ),
  11. child: const Text(
  12. "你好,Flutter",
  13. style: TextStyle(
  14. fontSize: 30.0,
  15. color: Colors.red,
  16. fontFamily: "Monaco",
  17. fontWeight: FontWeight.bold,
  18. ),
  19. ),
  20. alignment: Alignment.center,
  21. ),
  22. );
  23. }
  24. }

可以用来创建一下上下左右居中的容器

二、Container容器

container容器类似于html中的div

*container.dart源码
image.png

Container容器的使用示例
image.png
07EB32242CEC7A28D8F86C6F5D97AE0A.jpg