| 非推奨（deprecated） | 代替（Material 3対応） | 備考 |
|---|---|---|
ElevatedButton.icon |
FilledButton.icon |
M3の FilledButton に置き換え |
TextButton.icon |
FilledButton.icon |
M3では FilledButton が推奨 |
OutlinedButton.icon |
OutlinedButton |
OutlinedButton.icon が廃止され、直接 OutlinedButton を使う |
ElevatedButtonThemeData.style |
FilledButtonThemeData.style |
M3では FilledButton が推奨 |
OutlinedButtonThemeData.style |
OutlinedButtonThemeData.styleFrom |
OutlinedButton 用の新テーマ |
TextButtonThemeData.style |
TextButtonThemeData.styleFrom |
TextButton 用の新テーマ |
FloatingActionButton (M2) |
FloatingActionButton.large / FloatingActionButton.small
|
サイズオプションが変更 |
FloatingActionButton.extended |
FloatingActionButton.large / FloatingActionButton.small
|
サイズオプションが変更 |
AppBar |
AppBar（M3スタイル適用） |
surfaceTintColor などの変更あり |
AppBar.backgroundColor |
surfaceTintColor を使用 |
背景色の変更を surfaceTintColor に統一 |
Dialog |
AlertDialog（M3適用） |
useMaterial3: true によりデザイン変更 |
SnackBar |
SnackBar（M3適用） |
M3では影や背景のデフォルトが変更 |
SnackBarBehavior.fixed |
floating |
M3では floating が推奨 |
BottomNavigationBar |
NavigationBar |
M3では NavigationBar に統一 |
PopupMenuButton |
MenuAnchor |
メニューの制御がより柔軟に |
Chip |
FilterChip, ElevatedChip, AssistChip, InputChip
|
Chip の種類がより詳細に分かれた |
ChipThemeData (M2) |
ChipTheme (M3) |
Chip のデザインが M3 に統一 |
Checkbox |
Checkbox.adaptive |
M3ではデザインが変更、適応型の使用推奨 |
ButtonStyleButton.iconAlignment |
styleFrom のオプションを使用 |
ButtonStyle の一部として提供 |
ThemeData.dialogBackgroundColor |
DialogThemeData.backgroundColor |
DialogTheme の正規化 |
MaterialStateProperty<T> |
WidgetStateProperty<T> |
M3では WidgetStateProperty に移行 |
Register as a new user and use Qiita more conveniently
- You get articles that match your needs
- You can efficiently read back useful information
- You can use dark theme