从 Flutter Go 到 Flutter Go web - 手把手带你轻松玩转 Flutter-web
import 'package:flutter/material.dart';
import 'package:flutter_web_ui/ui.dart' as ui;
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
home: HomePage(),
);
}
}
class HomePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Flutter Web 示例'),
),
body: Center(
child: Text('Hello, Flutter Web!'),
),
);
}
}
这段代码演示了如何在Flutter Web项目中创建一个简单的应用程序。首先,我们导入了Flutter框架的核心部分和flutter\_web\_ui包。然后,我们定义了一个main
函数,使用runApp
函数启动了一个MaterialApp。在MyApp
类中,我们定义了一个HomePage
小部件,它被用作应用程序的主页。在HomePage
中,我们创建了一个带有中心标题和中心文本的简单页面。这是学习Flutter Web的一个很好的起点。
评论已关闭