flutter学习

main.dart是flutter的入口文件

main.dart里面的内容

import 'package:flutter/material.dart';

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

也可简写为

void main() => runApp(MyApp());

在dart中实例化类的new可以省略

void main(){
  runApp(new Center(
    child:new Text(
      '你好Flutter',
      textDirection: TextDirection.rtl,
    )
  ));
}

和

void main(){
  runApp(Center(
    child:Text(
      '你好Flutter',
      textDirection: TextDirection.rtl,
    )
  ));
}

都可以运行且运行结果相同

将main()函数中的组件提取出来，给内容加上样式

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


//自定义组件
//MyApp类返回了Center组件，继承StatelessWidget无状态组件，状态不可变
class MyApp extends StatelessWidget{
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Center(
        child:Text(
          '你好Flutter 1111',
          textDirection: TextDirection.ltr,

          style: TextStyle(
            fontSize: 40.0,
//            color: Colors.pinkAccent
            color: Color.fromRGBO(244, 233, 123, 0.5);
          )
        )
    );
  }

}

用MateriaApp和Scaffold两个组件装饰APP

1. MaterialApp是一个方便的Widget，它封装了应用程序实现Material Design所需要的一些Widget，一般作为顶层Widget使用。

2. Scaffold 实现了基本的 Material Design 布局结构。在 Material 设计中定义的单个界面上的各种布局元素，在 Scaffold 中都支持。

//自定义组件
//MyApp类返回了Center组件
class MyApp extends StatelessWidget{
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return MaterialApp(
      home:Scaffold(
        appBar: AppBar(
          title: Text('Flutter Demo'),
        ),
        body: HomeContent(),
      ),
      theme: ThemeData(
        primarySwatch: Colors.yellow
      ),
    );
  }

}