第一个Flutter程序

第一个Flutter程序

万事开头难，让我们开始写第一个简单的Flutter程序，具体步骤如下。

步骤1：新建一个Flutter工程，选择Flutter Application，如图所示。

步骤2：点击Next按钮，打开应用配置界面，在Project name中填写helloworld，Flutter SDK path使用默认值，IDE会根据SDK安装路径自动填写，Project location填写为工程放置的目录，在Description中填写项目描述，任意字符即可，如图所示。

步骤3：点击Next按钮，打开包设置界面，在Company domain中填写域名，注意域名要反过来写，这样可以保证全球唯一，Platform channel language下面的两个选项不需要选中，如图所示。

步骤4：点击Finish按钮开始创建第一个工程，等待几分钟，会创建如图所示的工程。

步骤5：工程创建好后，可以先运行一下官方创建的示例，看一看运行效果，点击Open iOS Simulator打开iOS模拟器，具体操作如图所示。

步骤6：等待几秒钟后会打开模拟器，如图所示。

步骤7：点击debug（调试）按钮，启动官方示例程序，点击+按钮，可以自动加1，此示例是一个基于Material Design风格的应用程序，如图所示。

步骤8：接下来我们打开工程目录下的main.dart文件，清空main.dart代码，如图箭头所指。

步骤9：把Hello World代码粘贴至main.dart文件，完整代码如下所示：

        import 'package:flutter/material.dart';


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


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

步骤10：重新运行此程序，标题栏显示Welcome to Flutter，页面中间显示Hello World。这样，第一个Flutter程序就运行出来啦，如图所示。