Flutter的菜鸟教程一:第一个Flutter应用

Flutter是什么？跨平台(Android/ios)构建移动应用程序的简单高效方式Flutter核心只有一层轻量的C/C++代码，而上层使用了Dart语言(一种现代的、简洁的、面向对象的语言-ps:我没学直接当java来用了。。。),更多了解Flutter可以去官网,包括安装Flutter的开发环境,为什么不从安装开发环境开始？我在学习Flutter的过程中发现只要baidu输入Fl...

duo_shine

37977人浏览 · 2018-07-27 17:45:45

duo_shine · 2018-07-27 17:45:45 发布

2019/1/3留(别再问了昂,之前忘了发出来):

Flutter SDK 官网
 Dart 官网

Flutter是什么？

跨平台(Android/ios)构建移动应用程序的简单高效方式

Flutter核心只有一层轻量的C/C++代码，而上层使用了Dart语言(一种现代的、简洁的、面向对象的语言-ps:我没学直接当java来用了。。。),

更多了解Flutter可以去官网,包括安装Flutter的开发环境,为什么不从安装开发环境开始？我在学习Flutter的过程中发现只要baidu输入Flutter大部分都是安装开发环境,这里就不再赘述了,什么？开发环境都装不好？

本文开发环境windows 10/Android studio 3.2

Flutter是一款移动应用程序SDK，包含框架、widget和工具,在Flutter中,大多数东西都是widget,我们就从widget开始学起,一个最简单的Flutter应用程序只需要一个widget即可


import 'package:flutter/material.dart';

void main() {
  //runApp接受的widget将成为widget树的根(ps：相当于顶层容器)
  runApp(
    //此处的Center和Text是两个widget,显示效果就是一个Hello, Flutter!在屏幕中央
    new Center(
      child: new Text(
        'Hello, Flutter!',
        textDirection: TextDirection.ltr,
      ),
    ),
  );
}

但是注意我们需要将 pubspec.yaml中的uses-material-design置为true，
uses-material-design: true

Flutter提供了一套丰富的Material widgets我们就可以使用了导包
import ‘package:flutter/material.dart’;
运行:
这里写图片描述