我有一个横幅小部件的问题。为了演示这个问题,我制作了一些演示代码。我想要的是在容器的右上角放置一个横幅,但它很难看,因为它超出了它的子元素(请参见附带的图像)。
这里是我的代码:
class TestPage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: Banner(
message: "hello",
location: BannerLocation.topEnd,
color: Colors.red,
child: Container(
margin: const EdgeInsets.all(10.0),
color: Colors.yellow,
height: 100,
child: Center(child: Text("Hello, banner!"),),
),
),
),
);
}
}
我试过调整边距,但即使将边距设置为0,仍然存在这种情况。如何避免这种“横幅溢出”?非常感谢!