main.dart

  、

//引入包
import 'package:flutter/material.dart';

//将小部件显示在屏幕上，void类型表示不会反悔任何内容
void main(){
　　debugPaintSizeEnabled = true;//在模拟器中显示网格线
　　runApp(MyApp());
};

//一个小部件就是一个对象，通过类来定义，但是flutter不会认为这是一个小部件类，所以需要继承flutter框架的类
class MyApp extends StatelessWidget {
　　@override告诉dart、flutter我们是有意重写这个方法
  //flutter通过调用build来显示某些内容，build的方法是flutter提供的，这个方法需要返回内容所以用到return
  //build中的小部件总会返回另外的小部件，递归到flutter附带的小部件为止
  //Widget返回类型是小部件，添加返回类型可避免错误
　//BuildContext类型，可以清楚知道context是BuildContext提供的类型

  Widget build(BuildContext context) {
    //MaterialApp小部件，来包含整个app，通过他设置主题，导航器是核心根小部件（顶级小部件），如果MaterialApp没有小括号是一个类，有小括号是类创建的一个对象
　　 //materialApp的参数命名
　　 //scaffold咋APP中创建一个页面，默认白色
    return MaterialApp(
　　　　　　//配置appbar显示内容
      　　name:scaffold(
　　　　　　　　appBar:AppBar(title:Text('微淘宝'))
　　　　　　//白色区域，自己写的小部件最终被递归到flutter部件，因为只有flutter带的小部件才能转换成原生ui组件
　　　　　　//<widget>说明后边数组只能包含小部件
　　　　　　//image、text都是小部件，还需在pubspec.yaml中配置assets:  - assets/about_01.jpg解开注释，写上自己图片路径

　　　　　　body:Card(child: Column(children: <Widget>[Image,Text('呀呀呀呀呀呀呀呀呀')],),),;

　　　　   )
      home: MyHomePage(title: '淘宝'),
    );
  }
}

　　每一个flutter的项目在最外面必须包含MaterialApp不然跑不起来