按钮

2024-03-10  本文已影响0人  明月夜_e586

Material 组件库中提供了多种按钮组件如ElevatedButtonTextButtonOutlinedButton等,它们都是直接或间接对RawMaterialButton组件的包装定制,所以他们大多数属性都和RawMaterialButton一样。在介绍各个按钮时我们先介绍其默认外观,而按钮的外观大都可以通过属性来自定义,我们在后面统一介绍这些属性。另外,所有 Material 库中的按钮都有如下相同点:

  1. 按下时都会有“水波动画”(又称“涟漪动画”,就是点击时按钮上会出现水波扩散的动画)。
  2. 有一个onPressed属性来设置点击回调,当按钮按下时会执行该回调,如果不提供该回调则按钮会处于禁用状态,禁用状态不响应用户点击。
    一、ElevatedButton
    ElevatedButton 即"漂浮"按钮,它默认带有阴影和灰色背景。按下后,阴影会变大。
    使用ElevatedButton非常简单
ElevatedButton(
  child: Text("normal"),
  onPressed: () {},
);
上一篇 下一篇

猜你喜欢

热点阅读