手写第一个Flutter项目Hello World

longzeqiu

发布于 2019-08-15 17:43:51

3170

发布于 2019-08-15 17:43:51

文章被收录于专栏：Android小知识Android小知识

Flutter 出来已经一年了，其实从去年刚出的时候我就搭建了环境，并跑通了程序。

但是奈何当时英语不好，也不太喜欢看文档，所以就没有深入研究了（其实就是懒）。

经过一年时间Flutter已经普及开来，所以最近打算学习一波，在这里记录一下学习过程，也为后来学习的人少走一些坑。好啦，废话不多说。

首先我是做Android开发的，所以用AndroidStudio进行开发。

系统环境为Window10，前期搭建Flutter环境并没有出现什么特殊状况，所以如果使用过git的话，照着网上来就可以了，这里就不在写配置过程了。

直接上代码，虽然大家可以粘过去直接运行，但我建议大家还是手写一遍，虽然可能写的过程中有些不懂，我在下面会附上Dart的基础，和配置环境的链接，就不用自己找了，方便大家学习。

上代码

import 'package:flutter/material.dart';
  void main () => runApp(MyApp());
  class MyApp extends StatelessWidget {
    @override
    Widget build (BuildContext context){
      return MaterialApp(
        title: 'Hello World',
        home: Scaffold(
          appBar: AppBar(
            title: Text('Hello World'),
        ),
        body: Center(
          child: Text('Hello World'),
        ),
      ),    
    );
  }
}

Dart基础视频 Dart基础网站

好啦，到这里第一篇就结束了，你学会了么！

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2019.07.22 ，如有侵权请联系 cloudcommunity@tencent.com 删除

编程算法