Flutter目录结构、入口、自定义Widget、Center组件、Text组件、MaterialApp组件、Scaffold组件

//导入了Material UI组件库 ,快捷操作fim
import 'package:flutter/material.dart';

void main(){
  runApp(MyApp());
}

//自定义组件
//StatelessWidget:无状态组件，状态不可变的widget
//StatefulWidget:有状态组件，状态可以改变
//fluter中一切都是组件
//使用MaterialApp和Scaffold 两个组件装饰App
//MaterialApp一般作为根组件----home、title、color、theme、routes等
class  MyApp extends StatelessWidget{
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        //标题栏
        appBar: AppBar(
          title: Text("Flutter Demo"),
        ),
        //内容区域
        body: HomeContent(),
      ),
      //主题
      theme: ThemeData(
        primarySwatch: Colors.red
      ),
    );
  }
}

class HomeContent extends StatelessWidget{
  @override
  Widget build(BuildContext context) {
    return Center(
     child:Text(
      "你好Flutter",
      //从左到右
      textDirection:TextDirection.ltr ,
      //样式
      style: TextStyle(
        fontSize: 30,
        color: Colors.red
      ),
    ),
  );
  }
}