如何实现这个卡片UI图像颤动

问题描述 投票:0回答:3

如何将图像以这种方式放置在卡片中

flutter dart flutter-layout
3个回答
0
投票

您可以使用堆栈小部件。您可以使用 Positioned Widget 确定图像的位置。 例如:

 Stack(
  children: <Widget>[
    Card()
    Positioned(
    top: 0,
    bottom 10, 
    // vs...
    child :Image(),
    )
  ],
),

0
投票

你可以这样做:

Container(
  decoration: BoxDecoration(
   // insert all decorations here (color, shape)...
  ),
  child: Row(
    children: [
      Container(
        child: Image()
        transform: Matrix4.translationValues(0.0, -50.0, 0.0),
      ),
      Container (
       // insert here the other things that are in that card
      ),
    ]
  ),
);

0
投票

enter image description here

如何实现这个卡片UI图像颤动代码

© www.soinside.com 2019 - 2024. All rights reserved.