Flutter ElevatedButton用法 🚀

🌈 在Flutter中，ElevatedButton是一个非常常用的组件，用于创建一个带有阴影效果的按钮。它可以让用户界面更加生动和直观。今天，我们将一起探索如何使用ElevatedButton来增强你的应用体验。

🛠️ 创建一个基本的ElevatedButton非常简单。首先，你需要导入`material.dart`库。接着，你可以使用`ElevatedButton`类来定义按钮。例如：

```dart

ElevatedButton(

onPressed: () {

print('Button clicked!');

},

child: Text('点击我！'),

)

```

🎨 如果你想自定义按钮的外观，比如改变颜色或添加边框，你可以通过设置`style`属性来实现。例如，改变按钮的颜色：

```dart

ElevatedButton(

style: ElevatedButton.styleFrom(

primary: Colors.blue, // 按钮背景色

onPrimary: Colors.white, // 文本颜色

),

onPressed: () {},

child: Text('自定义颜色'),

)

```

🛠️ 另外，你还可以为按钮添加动画效果或者响应不同的用户交互状态（如按下状态）。这可以通过`ElevatedButton`的构造函数中的其他参数来实现。

🎉 探索更多关于ElevatedButton的功能，可以让你的应用界面更加丰富多彩。希望这些基础示例能够帮助你开始使用这个强大的组件！

Flutter ElevatedButton UI设计