Flutter 目录结构文件夹作用androidandroid平台相关代码iosios平台相关代码libflutter相

文件夹	作用
android	android 平台相关代码
ios	ios 平台相关代码
lib	flutter 相关代码，我们主要编写的代码就在这个文件夹
test	用于存放测试代码
pubspec.yaml	配置文件，一般存放一些第三方库的依赖

void main() { runApp(XXXApp()); }
// 也可以简写
void main() => runApp(XXXApp());

MaterialApp

home(主页)
title(标题)
color(颜色)
theme(主题)
routes(路由)
...

Scaffold

Scaffold 是 Material Design 布局结构的基本实现。
此类提供了用于显示 drawer、snackbar 和底部 sheet 的 API。

Scaffold 有下面几个主要属性:appBar - 显示在界面顶部的一个 AppBar。 
body - 当前界面所显示的主要内容 Widget。 
drawer - 抽屉菜单控件。
...

class XXXApp extends StatelessWidget {
 @override
 Widget build(BuildContext context) {
   return MaterialApp(
     title: "标题位置",
     home: Scaffold(
       appBar: AppBar(
         title: Text('装卸工'),
         elevation: 15.0,
       ),
       //设置标题阴影
       body: XXXHome(),
     ),
     theme: ThemeData(
         //设置主题颜色
         primarySwatch: Colors.blue),
   );
 }
}

class XXXHome extends StatelessWidget {
 @override
 Widget build(BuildContext context) {
   return Center(
     child: Text(
       "我是装卸工",
       textDirection: TextDirection.ltr,
       style: TextStyle(
           fontSize: 15, fontWeight: FontWeight.bold, color: Colors.black),
     ),
   );
   ;
 }
}