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,
            ),
          ),
        ),
      ),
    );

如果您想在没有装饰图像的情况下进行开发，我可以为您提供帮助。请分享您的示例用户界面，我会为您创建

如何调整BoxDecoration抖动中的图像大小？

1 个答案: