Flutter 边框半径不适用于带有选项卡视图小部件的容器小部件。我想要像图中所示的那样
请发布您的代码如何使容器布局从右上角和左上角四舍五入请查看更多图片。您可以将Flutter 边框半径不适用于带有选项卡视图小部件的容器小部件。我想要像图中所示的那样,flutter,flutter-layout,Flutter,Flutter Layout,请发布您的代码如何使容器布局从右上角和左上角四舍五入请查看更多图片。您可以将容器与框装饰一起使用,或者改为ClipRRect小部件 Container具有边框半径的容器仅绘制圆形框作为背景,在设备性能方面是最好的 容器( 装饰:盒子装饰( borderRadius:borderRadius.only(左上角:半径.圆形(24),右上角:半径.圆形(24)), ), 儿童://。。。, ), 另一方面,ClipRRect将自身和整个子树剪裁成圆形框的形式时,看起来更好。然而,就性能而言,设备
容器
与框装饰
一起使用,或者改为ClipRRect
小部件
Container
具有边框半径的容器仅绘制圆形框作为背景,在设备性能方面是最好的
容器(
装饰:盒子装饰(
borderRadius:borderRadius.only(左上角:半径.圆形(24),右上角:半径.圆形(24)),
),
儿童://。。。,
),
另一方面,
ClipRRect
将自身和整个子树剪裁成圆形框的形式时,看起来更好。然而,就性能而言,设备绘制和维护它是相当昂贵的
ClipRRect(
borderRadius:borderRadius.only(左上角:半径.圆形(24),右上角:半径.圆形(24)),
儿童://。。。,
),
了解更多信息
如果有帮助,请告诉我。将
BoxDecoration
添加到您的代码中
decoration: new BoxDecoration(
borderRadius: new BorderRadius.only(
topLeft: const Radius.circular(20.0), //use radius you want instead of 20.0
topRight: const Radius.circular(20.0) //use radius you want instead of 20.0
)
),
因此,总体而言,您的代码将是
Container(
decoration: new BoxDecoration(
borderRadius: BorderRadius.only(
topLeft: const Radius.circular(20.0), //use radius you want instead of 20.0
topRight: const Radius.circular(20.0) //use radius you want instead of 20.0
)20.
),
child: //Child widget
),
乔治,谢谢你宝贵的回答,但这两种方法都不适用于我的代码。这两种方法我都试过了。如果我使用框装饰,那么容器颜色和布局将消失,并且ClipRect不起作用。感谢mangaldeep的回复,但我已经使用了这种方法,在我的情况下,它不起作用。请添加您的代码。