Flutter基础—绘画效果之装饰容器

前端之家收集整理的这篇文章主要介绍了Flutter基础—绘画效果之装饰容器前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

DecoratedBox控件会在子控件绘制之前或之后绘制一个装饰。

import 'package:flutter/material.dart';
class LayoutDemo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(
        title: new Text('装饰容器'),),body: new DecoratedBox(
        decoration: new BoxDecoration(
          gradient: new LinearGradient(
            begin: const FractionalOffset(0.0,0.0),end: const FractionalOffset(1.0,1.0),colors: <Color>[const Color(0xffff2cc),const Color(0xffff6eb4)],)
        ),child: new Container(
          width: 250.0,height: 250.0,);
  }
}
void main() {
  runApp(
    new MaterialApp(
      title: 'Flutter教程',home: new LayoutDemo(),);
}

这里写图片描述

猜你在找的Flutter相关文章