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