无涯教程网

如何实现Flutter 梳理机图像的小量移动

发布于01月10日

我正在制作一款Flutter 翼应用程序，我在两个地方使用了相同的图像.第一个是 carousel ，第二个是全尺寸集装箱. carousel 中的图像正在被剪切，我想将其稍微向右移动，这样它就不会从文本区被剪切.

目前它看起来是这样的

我希望确保包含文本的框不会被裁剪.

下面是供参考的图片

这是我正在使用的代码

child: Card(
                    elevation: 4,
                    shape: RoundedRectangleBorder(
                      borderRadius: BorderRadius.circular(20),
                    ),
                    margin: const EdgeInsets.all(24),
                    child: ClipRRect(
                      borderRadius: BorderRadius.circular(
                          12.0),
                      child: Image.asset(
                        imageName,
                        fit: BoxFit.cover,
                        width: double.infinity,
                        height: double.infinity,
                      ),
                    ),
                  ),

推荐答案

您可以在Image.asset小部件中使用alignment属性.

要从左对齐，只需将alignment指定为Alignment.centerLeft.

为了进行更多的定制，您可以将其设置为从Alignment(-1.0, 0.0)到Alignment(0.0, 0.0)，前者表示Alignment.centerLeft，后者表示Alignment.center.

例如:

child: Image.asset(
  imageName,
  fit: BoxFit.cover,
  alignment: Alignment.centerLeft,
  width: double.infinity,
  height: double.infinity,
),

Flutter相关问答推荐

如何从模型列表中生成DropdownButtonFormField？

无法在GroupButton内部正确呈现

来自FutureProvider的数据只打印两个不同的变量，它们对一个实例只有一次相同的值，为什么？

功能不起作用的Flutter 块复制

GetConnect Post API调用在Flutter Web中不起作用说：415不支持的媒体类型

Android工作室Flutter 热重新加载更新后不工作

在flutter中实现类似3D的可滚动堆叠分页列表

Flutter CarouselSlider中如何防止右图与放大的中心图重叠？

如何在列表视图生成器中显示图像

如何在Flutter中的textField中在可编辑文本和前缀图标之间添加空格？

FutureProvider 不返回数据给 UI

Flutter： pie_chart 插件动画滚动问题

从所有设备注销，因为用户帐户已从 firebase flutter 中删除

如何在Flutter中动态绘制一条从A点到B点的线？

如何将 chrome web 模拟器添加到 vs code

如何从 Flutter Slider Widget 中移除发光效果？

在 Flame Forge2d 中射击子弹

如何在椭圆形图像周围添加边框？Flutter

在flutter web中重新加载页面时保留一些状态数据的有效方法是什么？

我收到这个错误我无法解决

实用课程推荐

相关教程推荐