Flutter基础：第一节 hello world 实现

                                            第一节 Hello world

 

 

目录

一、代码在项目中的目录

二、主函数标志

三、主体代码

四、运行效果

五、Dart语言Function函数

---

 

一、代码在项目中的目录

这段代码写在根目录\lib\main.dart文件中，这就是Flutter主文件。我用的开发工具是Android studio，当然VSCode也可以，目录如下：

 

二、主函数标志

void main（）

三、主体代码

import 'package:flutter/material.dart';
//主函数（入口函数）
void main() => runApp(new MyApp());
// 声明MyApp类
class MyApp extends StatelessWidget {
  //重写build方法
  @override
  Widget build(BuildContext context) {
    //返回一个Material风格的组件
    return new MaterialApp(
      title: "Welcome to Flutter",
      home: new Scaffold(
        //创建一个AppBar，并添加文本
        appBar: new AppBar(title: new Text("Weocome to Flutter")),
        //在主体的中间区域，添加hello world 的文本
        body: new Center(
          child: new Text("hello world"),
        ),
      ),
    );
  }
}

四、运行效果

点击运行按钮，运行后的结果如下：

 

 五、Dart语言Function函数

Dart是面向对象的语言，即使是函数也是对象，并且属于Function类型的对象。这意味着函数可以分配给变量或作为参数传递给其他函数。

如下就是一个函数：

//主函数（入口函数）
void main() => runApp(new MyApp());

因为这个函数体里只有一行代码，所以可以直接使用 => 来省略 {} ，只有函数体里只有一行时，才可以使用，否则请使用大括号。