从HelloWorld说起（Dart）到“几乎所有东西都是Widget”小部件。

OGeek|极客世界-中国程序员成长平台 › 门户 › 编程› 服务器相关›Dart 编码风格指南

原作者: [db:作者] 来自: [db:来源] 收藏邀请

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      title: 'Welcome to Flutter',
      home: new Scaffold(
        appBar: new AppBar(
          title: new Text('Welcome to Flutter'),
        ),
        body: new Center(
          child: new Text('Hello World'),
        ),
      ),
    );
  }
}

解说第一句：

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

等价于

void main(){
  return runApp(new MyApp()); //return 可省去
}

Dart函数详解

函数：概念一变化解释为一个量随着另一个量的变化而变化.表示为Y=F(X)

概念二：数集解释函数含有三个要素：定义域A、值域C和对应法则f。其中核心是对应法则f，它是函数关系的本质特征。

函数的定义：返回类型名字(形式参数表列){函数体语句 return 表达式;}

函数调用：名字(实际参数表列);

类与函数

类的概念：类是对现实生活中一类具有共同特征的事物的抽象。对象是类的实例，类是对象的模板。

类Test里面有一个普通函数tests()，我们可以使用new Test().tests();来调用这个tests()函数

class Test{
  void tests(){}
}
void main(){
  new Test().tests();
}

类的继承（使用extends关键字，表示一个类继承另一个类）

class Test {
    void test() {/*这里省略方法内部的逻辑操作*/}
  // 其他逻辑
}

class TestChild extends Test {
  @override  //@override标注在test()函数上面 表示test()函数是重写父类的。
    void test() {
      super.test();// 调用父类的test()函数
      /*这里省略方法内部的逻辑操作*/
    }
    // 其他逻辑
}

StatefulWidget类与StatelessWidget类

StatelessWidget类不需要可变状态的小部件。
StatefulWidget类具有可变状态( state)的Widget(窗口小部件).

import 'package:flutter/material.dart';

void main() {
    runApp(new App());
}

class App extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
        return new Center(
            child: new Text('Hello, world!'),
        );
    }
}