ios - 如何在FittedBox中处理动态图像

Question

我目前正在实现一个下拉按钮作为支架的标题。

在此下拉菜单中，某些选项没有相关图像，因此仅显示文本。我运行得很好，我唯一的问题是，应用运行时总是抛出错误(不是热重新加载)，因为图像不会立即加载，这意味着FittedBox试图适应空的窗口小部件，一旦加载就很好，然后热重装工作正常，也没有错误，因为图像已被加载。这是我的DropDownMenuItems代码:

return DropdownMenuItem(
                    value: company.id.toString(),
                    child: Center(
                        child: FittedBox(
                            child: Center(
                                child: Column(
                      mainAxisAlignment: MainAxisAlignment.center,
                      crossAxisAlignment: CrossAxisAlignment.center,
                      children: <Widget>[
                        Container(
                          margin: EdgeInsets.all(10),
                          child: (config.companyLogos[company.id] != null)
                              ? FittedBox(
                                  child: Image.asset(
                                    config.companyLogosPath +
                                        config.companyLogos[company.id],
                                    height: 50,
                                  ),
                                  fit: BoxFit.contain,
                                )
                              : FittedBox(
                                  child: Text(
                                  company.name,
                                  style: TextStyle(fontSize: 30),
                                )),
                        ),
                      ],
                    )))));

这是应用程序运行时引发的错误，我确定这是由于我在上面描述的原因:

flutter: ══╡ EXCEPTION CAUGHT BY RENDERING LIBRARY ╞═════════════════════════════════════════════════════════
flutter: The following assertion was thrown during performLayout():
flutter: 'package:flutter/src/rendering/box.dart': Failed assertion: line 313 pos 12: 'width > 0.0': is not
flutter: true.

考虑的解决方案:

一种可能的解决方案是提供图像的宽度，我可以通过将其设置为Maps Map并将其包含在子Map中的文件名和宽度中，将其包括在我的companyLogos map 中。

但是，我试过了这一点，它似乎不起作用，它使我的图像比使用未设置宽度的图像小得多。

我没有明确定义宽度以使其保持宽高比，同时仍适合该行。

我可能在这里缺少有关如何处理抖动/ Dart 图像的技巧，非常感谢您的帮助!

Answer 1

感谢@pskink，我解决了这个问题。

我通过完全废弃FittedBox并使用Image的'fit:'属性来解决此问题。

这是我的固定代码:

return DropdownMenuItem(
                    value: company.id.toString(),
                    child: Center(
                        child: FittedBox(
                            child: Center(
                                child: Column(
                      mainAxisAlignment: MainAxisAlignment.center,
                      crossAxisAlignment: CrossAxisAlignment.center,
                      children: <Widget>[
                        Container(
                          margin: EdgeInsets.all(10),
                          child: (config.companyLogos[company.id] != null)
                              ? Container(
                                  child: Image.asset(
                                  config.companyLogosPath +
                                      config.companyLogos[company.id],
                                  height: 50,
                                  fit: BoxFit.contain,
                                ))
                              : FittedBox(
                                  child: Text(
                                  company.name,
                                  style: TextStyle(fontSize: 30),
                                )),
                        ),
                      ],
                    )))));