Question

我在想，在Dart / Flutter中，您能否在下面的行中插入半径的响应值而不是此固定值

topLeft: Radius.circular(20.0)

我希望我可以做些类似的事情：

topLeft: Radius.circular(SOME SECRET CODE HERE JUST LIKE MEDIAQUERY THING THAT GETS RATIO FROM SCREEN SIZE)

我在其中使用了MediaQuery

 body: Container(
        width: MediaQuery.of(context).size.height * 0.4,
        height: MediaQuery.of(context).size.height * 0.6,
),

它完美地给了我绘制容器相对于屏幕尺寸的这些比率，因此我需要圆角来继承特定的比率，就像宽度和高度一样。

Answer 1

您可以创建一些保存角的计算值的变量，然后使用setState重建屏幕。因此，将使用新值重新构建容器。

double leftCornerRadius = 0.0;
//calculate the corner and setstate
setState(){
  leftCornerRadius = 15.0;
}
//and on the container user the variable
topLeft: Radius.circular(leftCornerRadius)

因此，每次使用setState重新计算半径时，都会更改小部件上的半径。希望我能帮上忙。

飞镖中的响应式容器圆角

1 个答案: