如何将CSS从Figma转换为Flutter?

Question

我使用Figma，我需要用下一个CSS属性创建一个按钮

background: #FFA01F;
box-shadow: inset 12px -9px 20px rgba(0, 0, 0, 0.4);
border-radius: 100px;

Answer 1

您可以使用Container作为button的替代品，并使用BoxDecoration创建类似的东西。

Container(
decoration: BoxDecoration(
color: const Color(#FFA01F),
borderRadius: BorderRadius.circular(12),
boxShadow: [
BoxShadow(
color: Colors.red,
blurRadius: 2,
offset: Offset(2, 4),  //position               
)
]
),
)