代码之家 › 专栏 › 技术社区 › Leong

滚动时Flutter容器重叠

containers mobile user-interface flutter

Leong · 技术社区 · 1 年前

我有一个如下所示的UI(img1),当我滚动UI时,渐变卡会稍微重叠它的父容器,但如果我删除了渐变,一切都很好。有没有办法在不去除我卡片中的渐变背景的情况下防止这种重叠?

Img1:

Img2:

以下是我的示例代码:

Container(
  margin: smallWidgetPadding,
  width: MediaQuery.of(context).size.width,
  decoration: ShapeDecoration(
      color: colorScheme.onPrimary,
      shape: const RoundedRectangleBorder(
          borderRadius: BorderRadius.only(
              topLeft: Radius.circular(30),
              topRight: Radius.circular(30))),
      shadows: [BoxShadow(color: colorScheme.shadow, blurRadius: 5)]),
  child: Card(
      margin: margin,
      child: Container(
          decoration: ShapeDecoration(
              gradient: gradient, shape: roundedRectangleBorderless),
          child: child)))

1 回复 | 直到 1 年前

Dhafin Rayhan 1 年前

这个 clipBehavior 的属性 Container 默认为 Clip.none 。将其设置为 Clip.antiAlias 在外面 容器 .

Container(
  clipBehavior: Clip.antiAlias,
  // ...
)

推荐文章

sadiq shareef · 即使更新了我的苹果应用程序网站关联文件,iOS应用程序也不会在点击网址时启动

5 月前

Enki · MAUI码头布局

10 月前

Sanjay TM · 如何在移动应用程序中为Instagram和YouTube Shorts实现“NoScroll”阻止程序?

1 年前

Xenomy · 添加新任务会重复UITableView中的现有任务

1 年前

Filipe José · React Native TextInput-失去焦点后移动到输入的开头

1 年前

Leong · 滚动时Flutter容器重叠

1 年前

ÐÐ°Ð·Ð°Ñ ÐÐ°ÑÑÐ¸Ð½ÐºÐ¾ · Flutter中的StateError

1 年前

Alireza · CollectionView在.net maui中使用延迟

1 年前

Daniel Omotoso · 由于JAXB.unmarshal(),Android应用程序构建失败

1 年前

optimus · 无法读取null的属性“decode”:react native pure jwt

1 年前