Question

有没有什么技巧可以实现……如FractionallySizedBox 得到一个圆的大小的父母的高度或宽度的一部分？像这样：

FractionallySizedCircle(
  heightFactor: .5,
  child: ClipRRect(
    borderRadius: BorderRadius.circular(2000), // side question : is there a better way to achieve this too ?
    child: Container(
      decoration: BoxDecoration(
        shape: BoxShape.circle,
        color: globals.lightBlue,
      ),
      child: Align(
        alignment: Alignment(0, 1),
        child: SvgPicture.asset(
            'assets/images/boy-id.svg'),
      ),
    ),
  ),
),

[Update]：我需要一个循环的ClipRRect，就像示例代码中包含ClipRRect一样，用clipOval对其进行更改并完成了这项工作，但是如果我们可以使用真实的FractionallySizedCircle（这个ClipOval实际上是一个椭圆形的椭圆，所以这个问题一直没有解决...

Answer 1

您可以像这样简单地使用FractionallySizedBox和Container：

FractionallySizedBox(
  heightFactor: 0.5,
  child: Container(
    decoration: BoxDecoration(
      shape: BoxShape.circle,
      color: Colors.lightBlue,
    ),
  ),
)

分数圆？扑朔迷离

1 个答案: