移除 AppBar 阴影颤动 - Dart

在 Dart 中，AppBar 组件默认情况下会出现阴影效果，但有时候我们可能需要移除它。在本篇文章中，我将介绍一种方法来移除 AppBar 的阴影颤动效果。

步骤

要移除 AppBar 阴影颤动效果，可以通过自定义 AppBarTheme 来实现。下面是具体步骤：

1. 创建一个自定义的 AppBarTheme

首先，我们需要创建一个自定义的 AppBarTheme，定制 AppBar 的样式。

class CustomAppBarTheme extends AppBarTheme {
  @override
  Color get shadowColor => Colors.transparent;
}

在这个自定义的 AppBarTheme 中，我们通过重写 shadowColor 属性并将其设置为 Colors.transparent，将 AppBar 的阴影颜色设置为透明，从而达到移除阴影的效果。

2. 应用自定义的 AppBarTheme

在我们的 MaterialApp 或 Theme 中，我们需要将自定义的 AppBarTheme 应用到我们的 App 中。

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData(
        appBarTheme: CustomAppBarTheme(), // 应用自定义的 AppBarTheme
      ),
      home: MyHomePage(),
    );
  }
}

在上面的示例中，我们将自定义的 AppBarTheme 应用到了 MaterialApp 的 theme 中。

结论

通过以上步骤，我们成功移除了 AppBar 的阴影颤动效果。希望这篇文章对你有帮助！