我有一个简单的容器,其大小取决于父表,并且父宽度是屏幕宽度的100%,因此我的容器作为表格单元格的宽度和高度不一致,我想在左上方边界半径,例如50%,不是固定数字,例如18
我目前拥有的是:
我的手机代码是这样的:
class Cell extends StatelessWidget {
final cellStore;
const Cell(this.cellStore);
@override
Widget build(BuildContext context) {
return Container(
decoration: BoxDecoration(
color: Colors.yellow,
border: Border.all(color: Colors.grey, width: 1),
borderRadius: this.getBorderRadius(
this.cellStore.rowIndex, this.cellStore.colIndex)),
child: Text('${this.cellStore.value}'),
);
}
getBorderRadius(int rowIndex, int colIndex) {
if (rowIndex == 1 && colIndex == 1) {
return BorderRadius.only(topLeft: Radius.circular(20));
} else if (rowIndex == 1 && colIndex == 9) {
return BorderRadius.only(topRight: Radius.circular(20));
} else if (rowIndex == 9 && colIndex == 1) {
return BorderRadius.only(bottomLeft: Radius.circular(20));
} else if (rowIndex == 9 && colIndex == 9) {
return BorderRadius.only(bottomRight: Radius.circular(20));
} else {
return BorderRadius.all(Radius.circular(0));
}
}
}
我要更改边界半径固定数20 t0像元宽度的50%