如何调整位于 BoxDecoration flutter 中的图像的大小？

Question

我想知道是否可以调整BoxDecoration容器内并由AssetImage()调用的图像的大小。

我的代码是：

Flexible(
                      child: Container(
                    height: size.height * .75,
                    decoration: BoxDecoration(
                        color: Colors.white,
                        borderRadius: BorderRadius.circular(25.0),
                        image: DecorationImage(
                          image: AssetImage('assets/img/washing.png'),
                          fit: BoxFit.scaleDown,
                        )),
                    child: Column(
                      mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                      mainAxisSize: MainAxisSize.max,
                      crossAxisAlignment: CrossAxisAlignment.stretch,
                      children: <Widget>[
                        Container(

然后...

图片太大。 我想要它小一点并且在右上角。

谢谢你。

Answer 1

它的大小取决于你的容器大小。 如果您减小容器尺寸，则图像尺寸会自动减小。 但是你必须使用BoxFit.cover作为合适的

这是代码示例 -

return Scaffold(
      appBar: AppBar(
        title: Text('Help'),
      ),
      body: Center(
        child: Container(
          height: MediaQuery.of(context).size.height * .5,
          decoration: BoxDecoration(
            color: Colors.white,
            borderRadius: BorderRadius.circular(25.0),
            image: DecorationImage(
              image: AssetImage(
                'asset/images/download.jpg',
              ),
              fit: BoxFit.cover,
            ),
          ),
        ),
      ),
    );

如果你想在没有装饰图像的情况下开发它，我可以帮助你。 请分享您的示例 UI，我将为您创建