enter image description here

我正在try 像css一样在flutter上创建类似的蠕动框,但没有选项更改顶部中心、底部中心、左中心和右中心边界.是否有任何变通方法可以这样做.

没有 Select 实现类似的结果.

import 'package:flutter/material.dart';

class frostedGlassBox extends StatelessWidget {
  const frostedGlassBox({super.key});

  @override
  Widget build(BuildContext context) {
    return Container(
      decoration: BoxDecoration(
          borderRadius: BorderRadius.circular(22), color: Colors.amber),
    );
  }
}

推荐答案

Flutter提供了一种剪辑小部件边界的方法,该边界看起来像continuous rectangle border.

如果您寻求光滑的剪辑,有一些软件包可以提供这一功能.看看那answer

Flutter相关问答推荐

如何在列表磁贴上添加行

Flutter在创建时为提供者调用初始化函数

当MyChangeNotifier更改时如何计算函数,而无需在构建方法中进行不必要的调用- Flutter

Box约束强制无限高:SizedBox. Expand()

Flutter Go路由深度链接不按预期工作

将目标平台设置为Flutter 构建

Flutter中不使用Container是否可以做margin

Flutter:使用不包含导航器的上下文请求导航器操作

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

使用 Flutter 和 Dio 将图像上传到 API

如何使Flutter 边框宽度在外面而不是在里面?

添加appBar时绘制的线条发生偏移 Flu

Flutter: pie_chart 插件动画滚动问题

Dart 撕掉 const 构造函数

我想在文本结束后显示分隔线.它会在第一行、第二行或第三行结束

Flutter - 根据从第一个 DropdownButtonForm 中 Select 的内容在第二个 DropdownButton 上显示选项

如何建立最近的文件列表?

在不丢失游戏状态的情况下从 Flame 游戏导航到 Flutter 小部件

如何在 Flutter 执行通知时运行后台代码?

无法将参数类型Future Function(String?)分配给参数类型void Function(NotificationResponse)?