首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何调整BoxDecoration flutter中可能出现的图像的大小?

如何调整BoxDecoration flutter中可能出现的图像的大小?
EN

Stack Overflow用户
提问于 2020-09-01 20:19:49
回答 1查看 37关注 0票数 0

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

我的代码是:

代码语言:javascript
运行
复制
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(

然后跟着..。

图像太大了。我想要小一点的,放在右上角。

谢谢。

EN

Stack Overflow用户

发布于 2020-09-01 21:07:41

它的大小取决于您的容器大小。如果您减小了容器的大小,则图像大小会自动减小。但是您必须适当地使用BoxFit.cover

以下是代码示例-

代码语言:javascript
运行
复制
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,我将为您创建

票数 0
EN
查看全部 1 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/63687534

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档