首页 > 解决方案 > 如何将方形图像放入圆形装饰盒 FLUTTER

问题描述

我想将矩形图像放入圆形盒子装饰中。相反,它适合在父容器内。我不想在装饰框内填充图像。我只想把它装在圆圈内而不剪角。

import 'package:flutter/material.dart';

void main() {
  runApp(
    MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        backgroundColor: Colors.blueGrey,
        appBar: AppBar(
          elevation: 15,
          centerTitle: true,
          title: Text('I am a'),
          backgroundColor: Colors.blueGrey[900],
        ),
        body: Center(
          child: Container(
            height: 450,
            decoration: BoxDecoration(
              color: Colors.black,
              shape: BoxShape.circle,
              image: DecorationImage(
                image: NetworkImage(
                  'https://www.w3schools.com/w3css/img_lights.jpg',
                ),
              ),
            ),
          ),
        ),
      ),
    ),
  );
}

申请截图

标签: flutterdart

解决方案


推荐阅读