Flutter小盒子（背景颜色）

最新推荐文章于 2024-07-22 19:44:02 发布

原创最新推荐文章于 2024-07-22 19:44:02 发布 · 763 阅读

0 ·

CC 4.0 BY-SA版权

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

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盒子+")
    );
  }
}