Flutter入门-first app

本文主要是讲创建一个Flutter Project，并且制作一个简单的Flutter页面
主要参考：https://flutter.dev/docs/get-started/codelab

Step 1: Create the starter Flutter app

点击New -> New Flutter Project，创建一个flutter project，名称为：startup_namer

如果在IDE中没有看到“New Flutter Project”选项，请确保已安装Flutter和Dart插件。

接下来将主要编辑 lib/main.dart ，这是Dart代码所在的位置。

1.删除 lib/main.dart 中的所有代码，替换为以下代码，该代码在屏幕中央显示“ Hello World”。

// Copyright 2018 The Flutter team. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.

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

2.运行app，查看效果：

同时，run视图的输出：

Step 2: Use an external package

源码

https://github.com/helloyzp/startup_namer