Flutter - Material3适配
在Flutter中使用Material 3需要确保你的项目依赖于足够新的版本,并且在pubspec.yaml
中启用Material 3。以下是如何在你的Flutter项目中启用Material 3的步骤:
- 确保你的Flutter SDK是最新的,通过运行
flutter upgrade
来更新。 - 在
pubspec.yaml
中添加以下依赖项:
dependencies:
flutter:
sdk: flutter
material_3: ^<latest_version>
将<latest_version>
替换为当前可用的最新版本号。
- 在你的项目中使用Material 3组件,例如使用
M3Button
代替ElevatedButton
:
import 'package:flutter/material.dart';
import 'package:material_3/material_3.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return M3Application(
home: Scaffold(
body: Center(
child: M3Button(
onPressed: () {},
child: Text('Material 3 Button'),
),
),
),
);
}
}
确保你的项目中使用的是Material 3的主题和颜色方案。
M3Theme(
child: M3Button(
onPressed: () {},
child: Text('Material 3 Button'),
),
),
以上代码展示了如何在Flutter项目中启用和使用Material 3。
评论已关闭