这篇博客介绍了Flutter应用的入口函数main()及其内部的runApp()方法，阐述了如何创建自定义组件MyApp和HomeContent。在MyApp中，使用MaterialApp作为根视图，并设置主题颜色。HomeContent组件展示了自定义内容，包含一个黄色文字的Text widget。整体讲解了Flutter应用程序的基本结构和组件构建过程。
1:类似于iOS,flutter入口函数是为main()函数
void main() {
runApp(MyApp());
}
runApp()方法表示 程序将启动应用,传入的参数MyApp为自定义的一个组件.
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
// MaterialApp 类似 iOS 中的 根视图
return MaterialApp(
//Scaffold //类似于 navigationController
home: Scaffold(
appBar: AppBar(
title: Text('首页'),
),
body: HomeContent(), //类似于当前导航控制器的根视图内容
),
theme: ThemeData(
//MaterialApp的Theme属性
primarySwatch: Colors.yellow, //主题颜色
),
);
}
}
HomeContent方法是自定义的内容组件如下:
class HomeContent extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Center(
child: Text(
"你好啊oo",
textDirection: TextDirection.ltr,
style: TextStyle(fontSize: 18, color: Colors.yellow),
));
}
}
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
