第一个Flutter页面里的main函数
在Flutter中,main
函数通常位于项目的lib/main.dart
文件中,它是Flutter应用程序的入口点。以下是一个标准的Flutter main
函数示例:
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: HomePage(),
debugShowCheckedModeBanner: false,
);
}
}
class HomePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('首页'),
),
body: Center(
child: Text('欢迎来到第一个Flutter页面!'),
),
);
}
}
在这个例子中,main
函数首先导入了flutter/material.dart
包,这个包提供了构建Material Design应用所需的Widget和函数。然后,它定义了一个MyApp
类,继承自StatelessWidget
,这个类用于描述应用程序的根Widget。在MyApp
的build
方法中,它返回一个MaterialApp
,这是一个Material Design风格的应用程序的根Widget,它还定义了应用程序的首页。
最后,HomePage
类也是一个StatelessWidget
,它描述了应用程序的首页的用户界面。在HomePage
的build
方法中,它创建了一个包含文本的页面,文本位于屏幕中央。
评论已关闭