如何使用Flutter中的主题使FloatingActionButton、TextButton和IconButton在大

Question

我希望FloatingActionButtons、TextButtons和IconButtons在视觉上保持一致，从而使用Flutter中的主题在大小、形状和颜色方面看起来相同。我怎样才能做到这一点？

Answer 1

为了定义主题，MaterialApp有一个名为theme的属性。在那里，您必须提供ThemeData的实例。

MaterialApp(
title: title,
theme: ThemeData(
brightness: Brightness.light,
)
);

对于"；浮动动作按钮"图标按钮"；以及"；TextButton"；为了看起来一样，你必须为所有的主题(所有你想保持一致的属性(定义主题，比如.

对于图标按钮

iconTheme: IconThemeData(
color: Colors.red,
),

用于浮动操作按钮

floatingActionButtonTheme: FloatingActionButtonThemeData(
foregroundColor: Colors.red,
),

对于文本按钮

textButtonTheme: TextButtonThemeData(
style: TextButton.styleFrom(
primary: Colors.red,
),
),

我的建议：使用primarySwatch属性来获得一致的配色方案。

primarySwatch: Colors.red;