Flutter 颤振图像装饰错位

Flutter 颤振图像装饰错位,flutter,Flutter,我在玩颤振框架,遇到了这个问题。我有一个图像,我正在给它添加一个装饰,但是装饰是在屏幕的中心绘制的,而图像是向左对齐的 这是卡的代码: final pokemonThumbnail = new Container( decoration: new BoxDecoration( color: Colors.grey, shape: BoxShape.circle, ), margin: new EdgeInsets.symmetric( vertical: 16

我在玩颤振框架,遇到了这个问题。我有一个图像,我正在给它添加一个装饰,但是装饰是在屏幕的中心绘制的,而图像是向左对齐的

这是卡的代码:

final pokemonThumbnail = new Container(
  decoration: new BoxDecoration(
    color: Colors.grey,
    shape: BoxShape.circle,
  ),
  margin: new EdgeInsets.symmetric(
    vertical: 16.0
  ),
  alignment: FractionalOffset.centerLeft,
  child: new Image(
    image: new AssetImage('assets/img/' + pokemon.id.toString() + '.png'),
    height: Theme.Dimens.pokemonHeight,
    width: Theme.Dimens.pokemonWidth,
  ),
);
这是它如何被渲染的图像


Pokimon是图像元素,中间的灰色圆圈是其装饰。我原以为装饰是以它的主人为中心呈现的,这就是图像。我是不是觉得这里有什么不对?

你可以在一个盒子里制作图像,然后在孩子身上做装饰

final pokemonThumbnail = new Container(
margin: new EdgeInsets.symmetric(vertical: 16.0),
alignment: FractionalOffset.centerLeft,
child: new FittedBox(
  child: new Container(
    decoration: new BoxDecoration(
    color: Colors.grey,
    shape: BoxShape.circle,
  ),
    child: new Image(
      image: new AssetImage('assets/img/' + pokemon.id.toString() + '.png'),
      height: Theme.Dimens.pokemonHeight,
      width: Theme.Dimens.pokemonWidth,
    ),
  ),
),);