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