Flutter中ClipRect组件无borderRadius属性问题咨询

核心原因 #

ClipRect 组件本身没有 borderRadius 属性，你看到的示例应该是用了 ClipRRect（带圆角的裁剪组件，R代表Round），这是个常见的组件名称混淆问题。

修正代码 #

把 ClipRect 替换为 ClipRRect 即可正常使用 borderRadius：

@override
  Widget build(BuildContext context) {
    return Scaffold(
      body: SafeArea(
          child: Column(
            children: <Widget>[
              ClipRRect( // 替换为 ClipRRect
                borderRadius: BorderRadius.circular(5.0),
                child: Container(
                  height: 50,
                  width: 50,
                  color: Colors.blueAccent,
                ),
              ),
            ],
          )
      ),
    );
  }

关于自动补全的说明 #

ClipRect 的可用属性非常有限，只有 clipBehavior、clipper 等以c开头的属性，所以输入a、b开头字符时没有补全提示是正常现象。切换到 ClipRRect 后，就能看到 borderRadius、border 等更多属性的自动补全了。

内容的提问来源于stack exchange，提问作者Bisclavret