[译] MDC-104 Flutter:Material 高级组件(Flutter)
在Flutter中,MDC-104是一个用于创建Material Design风格的UI组件的库。以下是一个简单的例子,展示如何使用MDC-104创建一个Material按钮:
import 'package:flutter/material.dart';
import 'package:mdc_104_flutter/mdc_104_flutter.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text('MDC-104 Flutter Example'),
),
body: Center(
child: MdcButton(
text: 'Press Me',
onPressed: () {
// 处理按钮点击事件
print('Button was pressed!');
},
),
),
),
);
}
}
在这个例子中,我们首先导入了mdc_104_flutter
库。然后,我们创建了一个MyApp
类,它扩展了StatelessWidget
并重写了build
方法来构建应用程序的根MaterialApp
。在Scaffold
的body
属性中,我们使用了MdcButton
,它是MDC-104提供的按钮组件,并指定了按钮的文本和点击事件处理函数。
评论已关闭