Flutter 飘动中的椭圆形装饰,我该怎么做?

Flutter 飘动中的椭圆形装饰,我该怎么做?,flutter,flutter-clippath,Flutter,Flutter Clippath,我有一个布局,我想在flutter中实现,这个装饰在我的布局、文本输入、容器、按钮、卡片等中随处可见。我看到你可以用ClipOval将装饰椭圆化,但它对我不起作用。如果你注意到这种设计,边缘是圆形的,然后轻轻地做一个椭圆形,它不是一个圆形边缘的矩形,提前谢谢 带圆角的简单矩形,不是预期的设计 class AppCard extends StatelessWidget { const AppCard({ Key key, this.image, this.child,

我有一个布局,我想在flutter中实现,这个装饰在我的布局、文本输入、容器、按钮、卡片等中随处可见。我看到你可以用ClipOval将装饰椭圆化,但它对我不起作用。如果你注意到这种设计,边缘是圆形的,然后轻轻地做一个椭圆形,它不是一个圆形边缘的矩形,提前谢谢

带圆角的简单矩形,不是预期的设计

class AppCard extends StatelessWidget {
  const AppCard({
    Key key,
    this.image,
    this.child,
    this.opacity = 0.3,
  }) : super(key: key);

  final String image;
  final Widget child;
  final double opacity;

  @override
  Widget build(BuildContext context) {
    final ThemeData themeData = Theme.of(context);

    return ClipRRect(
      borderRadius: BorderRadius.circular(25.0),
      child: Container(
        child: child,
        width: MediaQuery.of(context).size.width,
        height: 190,
        decoration: BoxDecoration(
          color: COLOR_GREEN,
          image: DecorationImage(
            fit: BoxFit.fitWidth,
            colorFilter: new ColorFilter.mode(
                Colors.black.withOpacity(opacity), BlendMode.dstATop),
            image: AssetImage(image),
          ),
        ),
      ),
    );
  }
}
我正在尝试这个结果

返回具有borderRadius的材质:borderRadius.circular(25.0),子对象作为墨水池,然后返回您拥有的容器。

而不是使用circular radius

考虑使用椭圆半径


BorderRadius.all(Radius.eloperal(100,50)),

如果这解决了您的问题,请接受回答