第11章组件装饰和视觉效果-DecoratedBox装饰盒子-边框圆角处理

防采集标记：亢少军老师的课程和资料

import 'package:flutter/material.dart';

class LayoutDemo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(
        title: new Text('BoxDecoration装饰盒子-边框圆角示例'),
      ),
      body: new Center(
        child: Container(
          width: 260.0,
          height: 260.0,
          decoration: BoxDecoration(
            color: Colors.white,
            border: Border.all(color: Colors.grey, width: 4.0),
            //添加所有的边框,颜色为灰色，宽度为4.0
            borderRadius: BorderRadius.circular(36.0),
            //添加边框弧度，这样会有一个圆角效果
            image: DecorationImage(
              image: ExactAssetImage('images/1.jpeg'), //添加image属性
              fit: BoxFit.cover, //填充类型
            ),
          ),
        ),
      ),
    );
  }
}

void main() {
  runApp(
    new MaterialApp(
      title: 'BoxDecoration装饰盒子-边框圆角示例',
      home: new LayoutDemo(),
    ),
  );
}

• Flutter技术入门与实战: http://product.dangdang.com/26485813.html
• Flutter交流学习群：894109159
• Flutter开源项目请关注: https://github.com/kangshaojun
• Flutter视频教程：https://edu.csdn.net/lecturer/2436

@作者: 亢少军