如何在Flutter中向容器添加边界半径？

Question

我正在尝试将边界半径添加到容器中，但无法使其对我有用。

Container(
   color: ColorPallete.secondColor[50],
   height: 400.0,
   width: 500.0,
   padding: const EdgeInsets.all(10.0),
   decoration: BoxDecoration(
   borderRadius: BorderRadius.circular(10.0),
   ),
   child: SvgPicture.asset(
     'assets/images/svg/megacategory/art__grocery.svg',
   ),
),

Answer 1

您收到的错误是，每当您对容器进行装饰时，都需要确保color参数位于装饰中，而不只是容器中。下面，我更改了您的代码以不产生该错误消息，如果在更改后仍无法使边界半径正常工作，请告诉我！

Container(
   height: 400.0,
   width: 500.0,
   padding: const EdgeInsets.all(10.0),
   decoration: BoxDecoration(
       borderRadius: BorderRadius.circular(10.0),
       color: ColorPallete.secondColor[50],
   ),
   child: SvgPicture.asset(
     'assets/images/svg/megacategory/art__grocery.svg',
   ),
),

Answer 2

如果容器中具有装饰属性，则应该在装饰中传递颜色，而不是直接传递容器中的颜色。

Container(
//Not allowed color: ColorPallete.secondColor[50],
height: 400.0,
width: 500.0,
padding: const EdgeInsets.all(10.0),
decoration: BoxDecoration(
color: ColorPallete.secondColor[50], //place it here
borderRadius: BorderRadius.circular(10.0),
),
child: SvgPicture.asset(
 'assets/images/svg/megacategory/art__grocery.svg',
),
),