Flutter 如果小部件位于FittedBox中,如何设置其大小以忽略FittedBox';什么样的设置?
我有一个Flutter 如果小部件位于FittedBox中,如何设置其大小以忽略FittedBox';什么样的设置?,flutter,flutter-layout,Flutter,Flutter Layout,我有一个FittedBox,其设置为fit:BoxFit.contain。它有一个CachedNetworkImage的子级,当加载未完成时,该子级显示一个CircularProgressIndicator。然而,循环压缩器指示器太大了,总是延伸到整个屏幕大小,就像FittedBox如何工作一样。我想把它缩小一些,比如说40*40,但是我试着用各种小部件(Center、SizedBox)包装它,但失败了。那么,如何设置其大小以忽略安装框的设置呢?试试这个,可能会有帮助: CachedNetwor
FittedBox
,其设置为fit:BoxFit.contain
。它有一个CachedNetworkImage
的子级,当加载未完成时,该子级显示一个CircularProgressIndicator
。然而,循环压缩器指示器
太大了,总是延伸到整个屏幕大小,就像FittedBox
如何工作一样。我想把它缩小一些,比如说40*40,但是我试着用各种小部件(Center
、SizedBox
)包装它,但失败了。那么,如何设置其大小以忽略安装框的设置呢?试试这个,可能会有帮助:
CachedNetworkImage(
imageUrl: url,
imageBuilder: (context, imageProvider) => Container(
height: 200,
width: 200,
decoration: BoxDecoration(
image: DecorationImage(
image: imageProvider,
fit: BoxFit.fill,
),
),
),
placeholder: (context, url) => Container(
height: 200,
width: 200,
child: Center(
child: CircularProgressIndicator(
backgroundColor: Colors.white30,
))),
errorWidget: (context, url, error) => Container(
height: 200,
width: 200,
child: Center(
child: Icon(
Icons.error,
color: Colors.white30,
))),
),
在
FittedBox
内部使用Image
小部件(可缩放内容本身)是没有意义的。您必须在FittedBox外部使用循环压缩器指示器,那么我如何更改图像
与其父对象的匹配方式@pskink@RajeshCircularProgressIndicator
是CachedNetworkImage
的参数progressIndicatorBuilder
,因此我无法将其移出FittedBox
。谢谢。只要我们将CachedNetworkImage
从FittedBox
中取出,一切都可以正常工作。如果它仍然被包装在一个FittedBox
中,那么这种方式将不起作用。在一段时间内,我们可以看到小型的循环压缩机指示器
,然后它立即被FittedBox
扩展。如果您在缓存网络图像中定义FittedBox,我想您会得到您想要的结果。我在FittedBox
中得到了一个FutureBuilder
,而FutureBuilder
在不同的情况下返回不同的复杂小部件
。但我同意你的想法。这听起来像是一个解决方案。谢谢,然后用不同的小部件设置条件。如果这有帮助,请检查这作为一个答案。谢谢,但是对不起,伙计,@pskink实际上得到了一个更好的答案。我给了你一票:)