Flutter DecorationImage


简介

修饰Box的图片

基本用法

demo演示作为背景图片的样例

  • 一般配合BoxDecoration的img属性使用,设置背景图片
  • 也可以配合paintImage使用

实例演示

import 'package:flutter/material.dart';

class DecorationImageDemo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      child: Center(
        child: Text(
          'Container',
          style: TextStyle(color: Colors.red),
        ),
      ),
      height: 200.0,
      width: 200.0,
      decoration: BoxDecoration(
        color: Colors.blueAccent,
        image: DecorationImage(
            image: AssetImage('assets/images/food02.jpeg'), fit: BoxFit.cover),
      ),
      margin: const EdgeInsets.only(top: 10.0),
    );
  }
}