在子类里的bottomContent加上margin以后图片被压缩左右出现空隙

来源:4-4 本周推荐卡片实现

有只土狗叫三毛

2020-01-17 11:31

http://img2.mukewang.com/5e212a000001bb2004980270.jpg

http://img4.mukewang.com/5e212a210001cd1e03130590.jpg

如果不加margin就不会这样,BoxFit其他属性也尝试了没效果图片就是有左右边距

写回答 关注

2回答

  • xzhang76
    2020-01-30 22:34:06
    @override
    bottomContent() {
      return Expanded(
        child: Container(
          constraints: BoxConstraints.expand(), //强制撑满父布局
          child: Image.network('http://www.devio.org/io/flutter_beauty/card_1.jpg',
          fit: BoxFit.cover,)
        ),
      );
    }


  • xzhang76
    2020-01-29 22:34:53

    我在iOS上遇到了你所述的问题,Android是好的,解决的方法只有一行代码:

    @override
    bottomContent() {
      return Expanded(
        child: Container(
          
          child: Image.network('http://www.devio.org/io/flutter_beauty/card_1.jpg',
          fit: BoxFit.cover,)
        ),
      );
    }

    至于为什么这样我也不知道,但我知道加了这一行就好了。

【Flutter入门】3小时完成微信读书发现界面

零基础快速上手Flutter,还原真实大厂案例,增强移动端面试竞争力。

4346 学习 · 32 问题

查看课程

相似问题