Flutter小盒子（背景颜色）

你先去买饭

于 2021-03-23 19:24:05 发布

阅读量705

点赞数

本文链接：https://blog.csdn.net/mynameisluowei/article/details/115138100

版权

这篇博客展示了如何在Flutter中创建一个带有鲜艳背景色和宽边框的Container组件。通过使用BoxDecoration和Border，开发者可以自定义容器的外观，实现个性化设计。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Flutter小盒子（背景颜色）



import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

void main(){
  
  runApp(MaterialApp(title: "Flutter盒子",
  home: ContainerDemo(),
  ));
}
class ContainerDemo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      width: 50.00,
      height: 50.00,
      decoration: BoxDecoration(
        color: const Color(0xffff4065),
        border: Border.all(color: const Color(0xff6d9eeb),width:30.0 )
      ),
    child: Text("Flutter盒子+")
    );
  }
}

在这里插入图片描述