Flutter 圆角(三)ClipRRect

@override
  Widget build(BuildContext context) {
    // TODO: implement build
    String imageNetwork = "http://pic41.nipic.com/20140514/5295460_234432363121_2.jpg";
    Image testImage = Image.network(imageNetwork, height: 80, width: 80,);

    return Center(
      child: Container( //width: 180, height: 180,
        //从最外层容器向里依次查找容器是否设置了大小,有大小,则执行靠外层容器的大小
        //代码中容器都没有设置大小,按Image设置的大小执行
        //Image也没有设置大小,则取屏幕大小
        //BorderRadius.circular的值<=最终所取宽度的1/2时,正常展示
        //BorderRadius.circular的值>最终所取宽度的1/2时,展示宽度的1/2切的圆
        child: ClipRRect(
          borderRadius: BorderRadius.circular(50),
          child: testImage,
        ),
      ),
    );
  }

你可能感兴趣的:(Flutter 圆角(三)ClipRRect)