Flutter学习之路---------第一个Flutter项目

Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。

Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。

 

Flutter中文网 （有安装和搭建Flutter的教程）

https://flutterchina.club

 

安装 Flutter 和 Dart 插件

启动 Android Studio，搜索 Flutter 插件并单击 install，系统提示您安装 Dart 插件，点击 Yes 安装即可。

第一个项目

Android Studio - File - New - New Flutter Project，等待创建成功后，运行效果如下：

 

 

 

在这个示例中，你将主要编辑Dart代码所在的 lib/main.dart 文件,

 

替换 lib/main.dart.
删除lib / main.dart中的所有代码，然后替换为下面的代码，它将在屏幕的中心显示“Hello World”.

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'),
        ),
      ),
    );
  }
}

 

运行效果图：