首页 > 解决方案 > 边框半径不适用于带有选项卡视图小部件的容器小部件。我想要如图所示

问题描述

请发布您的代码如何使容器布局从右上角和左上角四舍五入,请参阅图片。在此处输入图像描述

标签: flutterflutter-layout

解决方案


添加BoxDecoration到您的代码

decoration: new BoxDecoration(
  borderRadius: new BorderRadius.only(
    topLeft: const Radius.circular(20.0),   //use radius you want instead of 20.0
    topRight: const Radius.circular(20.0)   //use radius you want instead of 20.0
  )
),

所以总的来说你的代码将是

Container(
  decoration: new BoxDecoration(
    borderRadius: BorderRadius.only(
      topLeft: const Radius.circular(20.0),   //use radius you want instead of 20.0
      topRight: const Radius.circular(20.0)   //use radius you want instead of 20.0
    )20.
  ),
  child: //Child widget
),

推荐阅读