一个Android菜鸟入门Flutter 笔记,面试总结简短精辟
// 定义一个简单的Flutter应用程序的入口函数
void main() => runApp(MyApp());
// 定义一个StatefulWidget
class MyApp extends StatefulWidget {
@override
_MyAppState createState() => _MyAppState();
}
// 定义与MyApp相关联的状态
class _MyAppState extends State<MyApp> {
// 定义一个计数器变量
int _counter = 0;
// 定义一个方法来增加计数器
void _incrementCounter() {
setState(() {
// 在状态中更新计数器
_counter++;
});
}
@override
Widget build(BuildContext context) {
// 使用MaterialApp来定义应用程序的根Widget
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text('Flutter Demo'), // 设置应用栏标题
),
body: Center(
// 使用Text Widget来显示计数器的值
child: Text(
'You have pushed the button this many times:',
),
),
floatingActionButton: FloatingActionButton(
onPressed: _incrementCounter, // 为按钮绑定点击事件
tooltip: 'Increment', // 设置长按提示
child: Icon(Icons.add), // 设置按钮图标
), // This trailing comma makes auto-formatting nicer for build methods.
),
);
}
}
这段代码是一个简单的Flutter应用程序,它包含了一个计数器和一个浮动动作按钮。当用户点击按钮时,计数器的值会增加,并且这个值会显示在屏幕中央的Text Widget里。这个例子展示了如何在Flutter中创建一个基本的UI,以及如何处理用户的点击事件。
评论已关闭