从0开始写一个基于Flutter的开源中国客户端——初识Flutter & 常用的Widgets
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: HomePage(),
theme: ThemeData(
primarySwatch: Colors.blue,
),
);
}
}
class HomePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('开发者头条'),
),
body: Center(
child: Text(
'开发者头条',
style: TextStyle(
fontSize: 24,
color: Colors.red,
),
),
),
);
}
}
这段代码首先导入了Flutter的核心库material.dart
,然后定义了一个MyApp
类,继承自StatelessWidget
。在main
函数中,它创建了一个MyApp
实例并运行了应用程序。HomePage
类也是一个StatelessWidget
,它定义了一个包含AppBar
和Text
的页面。这个Text
被置于屏幕中心,并设置了自定义的样式。这是学习Flutter的一个很好的起点,它演示了如何组织代码以及如何使用Flutter的基本组件。
评论已关闭