                        课程
                    
                        /移动开发
                        
                            /Android
                        
                        /【Flutter入门】3小时完成微信读书发现界面

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

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

有只土狗叫三毛

2020-01-17

源自：【Flutter入门】3小时完成微信读书发现界面 4-4

关注问题我要回答

791

操作

收起

2 回答

xzhang76
2020-01-30

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

1 回复有任何疑惑可以回复我~

收起回答

xzhang76
2020-01-29

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

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

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