gpt4 book ai didi

flutter - 边框半径不适用于容器小部件内

转载 作者:IT老高 更新时间:2023-10-28 12:38:02 25 4
gpt4 key购买 nike

边框半径不适用于子 Container 内。尝试使用 SizedBoxStack 小部件。我需要容器内的边框 View 。

Scaffold(
appBar: AppBar(
title: new Text("ListView"),
),
body: Center(
child: Padding(
padding: EdgeInsets.all(15.0),
child: Container(
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(15.0),
border: Border.all(
color: Colors.green,
width: 2.0
)
),
child: Container(
color: Colors.red,
)
),
)
)
)

最佳答案

试试这个,使用 ClipRRect 并嵌套在另一个 Container 中,现在您可以添加 非统一边框

Container(
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(10),
boxShadow: [BoxShadow(color: Colors.black12, blurRadius: 5)],
),
child: ClipRRect(
borderRadius: BorderRadius.circular(10),
child: Container(
padding: EdgeInsets.all(20),
decoration: BoxDecoration(
border: Border(
left: BorderSide(color: Colors.indigo, width: 5),
),
),
child: Column(
mainAxisSize: MainAxisSize.min,
children: <Widget>[
Icon(Icons.home),
Text("Home"),
],
),
),
),
)

关于flutter - 边框半径不适用于容器小部件内,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52148292/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com