这是一个跨端的时代，各种跨端框架等你唱完就登场了。今天，小编就带领大家入门Flutter，看看它是否像传说中的那样。好的。磨刀不误砍柴。我们先安装Flutter开发环境。先安装AndroidStudio，然后在Settings->Plugin中选择BrowserRepositories，在线安装Flutter插件。安装Flutter插件时，会提示自动安装Dart语言插件。安装插件插件安装完成后，需要去Flutter中文官网下载SDK（比英文官网快很多），并根据需要设置FlutterPath和GitPath的系统环境变量以官网要求为准。然后在命令行窗口输入flutterdoctor命令，会自动下载DartSDK。如果发现下载慢，可以将FLUTTER_STORAGE_BASE_URL和PUB_HOSTED_URL这两个URL映射到中文网，添加到系统环境变量中。多次运行flutterdoctor后，会看到androidstudio版本太低的提示（我的是2.3版本，flutter需要3.0以上版本），倒霉，得升级androidstudio，1G左右，够用了为我下载，去冲杯咖啡再继续。Flutterdoctor命令查看结果新版androidstudio安装完成后，按照初始步骤在settings->plugins菜单中安装flutter和dart插件，然后在File菜单中新建一个flutter项目！新的flutter项目构建之后，我们可以看到flutterapp的代码是用Dart语言写的，语法和Java非常相似，几乎没有新的学习成本。从MyApp的代码中我们可以知道，flutter中的界面是用Widget构建的，这与Android不同。稍后，我将详细介绍Widget。import'package:flutter/material.dart';voidmain(){runApp(MyApp());}classMyAppextendsStatelessWidget{//Thiswidgetisthethemeofyourapplication.@overrideWidgetbuild(BuildContextcontext){returnMaterialApp(title:'FlutterDemo',theme:ThemeData(//Thisisthemeofyourapplication)....//注意计数器没有重置为零；应用程序//没有重新启动。primarySwatch:Colors.blue,//这使得视觉密度适应你运行的平??台//应用程序。对于桌面平台，控件将更小并且//更接近（更密集）比移动平台。visualDensity:VisualDensity.adaptivePlatformDensityPage(title:home)'FlutterHelloWorld!')));}}运行后我们可以看到flutter程序在android模拟器中android系统运行流畅，没有任何android代码移植，自然支持android，当然也自然支持iOS，这个是我们的第一个跨终端应用程序！
