ElevatedButton 颤动风格 - Dart

ElevatedButton 在 Flutter 中是一种常用的按钮风格，它可以为我们的应用程序提供简单、漂亮的呈现方式。其中，颤动风格是 ElevatedButton 的一种特殊风格，它可以增强按钮的焦点状态，使用户更容易注意到该按钮。

使用 ElevatedButton 颤动风格

要使用 ElevatedButton 颤动风格，我们需要在创建 ElevatedButton 时指定“style”属性并设置为 ElevatedButton.styleFrom()，再在 styleFrom() 中使用一个名为“elevation”的参数。

具体来说，我们可以使用以下代码示例：

ElevatedButton(
  onPressed: () {},
  style: ElevatedButton.styleFrom(
    elevation: 10.0,
  ),
  child: Text('Press me'),
),

该代码将创建一个带有颤动效果的 ElevatedButton，其中“elevation”参数设为10.0。可以通过更改此参数的值来调整颤动效果的大小。

颤动风格的效果演示

以下是具有不同颤动效果的不同按钮：

ElevatedButton(
  onPressed: () {},
  style: ElevatedButton.styleFrom(
    elevation: 5.0,
  ),
  child: Text('Press me'),
),
ElevatedButton(
  onPressed: () {},
  style: ElevatedButton.styleFrom(
    elevation: 15.0,
  ),
  child: Text('Press me'),
),
ElevatedButton(
  onPressed: () {},
  style: ElevatedButton.styleFrom(
    elevation: 25.0,
  ),
  child: Text('Press me'),
),

总结

ElevatedButton 颤动风格是一个简单、但实用的应用程序元素，它可以吸引用户的注意力，同时为应用程序增添美观的外观。我们可以使用 Flutter 提供的 ElevatedButton 组件和它的“elevation”属性来创建不同风格的颤动效果。