【问题标题】:Image height is not getting fitted to its parent widget in flutter在颤动中,图像高度没有适合其父小部件
【发布时间】:2021-09-08 05:27:26
【问题描述】:

即使放在FittedBox() 中后,图像也不适合卡片小部件,也尝试使用BoxFit

 child: Container(
                  height: 200.0,
                  child: Card(
                  
                    
                      child:Column(children: [
                         if(key.urlToImage!=null)
                          
                           FittedBox(
                             fit:BoxFit.cover,
                             child: Image(

                               image:NetworkImage(key.urlToImage)))else CircularProgressIndicator(),

错误:

在 performLayout() 期间抛出了以下断言: 'package:flutter/src/rendering/box.dart':断言失败:第 320 行 pos 12: 'width > 0.0': 不正确。

要么断言表明框架本身存在错误,要么我们 应该在此错误消息中提供更多信息,以 帮助您确定并解决根本原因。在任一情况下, 请通过在 GitHub 上提交错误报告此断言:
https://github.com/flutter/flutter/issues/new?template=2_bug.md

相关的导致错误的小部件是:FittedBox
file:///C:/Users/Sam/Desktop/newsApp/newsapp/lib/screens/feedScreen.dart:69 :32

【问题讨论】:

    标签: flutter dart flutter-layout


    【解决方案1】:

    您可以删除FittedBox 并使用Imagefit 参数(我也删除了Column)。

    Container(
      height: 200.0,
      child: Card(
        child: if(key.urlToImage!=null) Image(
          image: NetworkImage(key.urlToImage),
          fit: BoxFit.cover,
        ) else CircularProgressIndicator()
      ),
    ),
    

    【讨论】:

    • 但我需要列小部件来放置图像之后的其他小部件。如果我删除列小部件,我将如何放置它们?
    • 由于您使用图像作为封面,我认为您不会将其他小部件放入Column 中(它们将被图像覆盖)。无论如何,您可以将Column 放回原位,但将其包装成SingleChildScrollView 以避免溢出。 @SamuelT
    猜你喜欢
    • 2020-11-02
    • 2020-02-08
    • 1970-01-01
    • 1970-01-01
    • 2018-09-05
    • 2013-11-05
    • 2019-12-27
    • 2018-07-25
    • 1970-01-01
    相关资源
    最近更新 更多