抖动创建边界半径为50%的容器

时间:2020-01-17 20:58:11

标签: flutter

我有一个简单的容器,其大小取决于父表,并且父宽度是屏幕宽度的100%,因此我的容器作为表格单元格的宽度和高度不一致,我想在左上方边界半径,例如50%,不是固定数字,例如18 我目前拥有的是:
app screenshot
我的手机代码是这样的:

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%

0 个答案:

没有答案