css - 如何将 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 作为按钮的替代品，并使用BoxDecoration它来创建类似的东西。

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