天天看点

手写第一个Flutter项目Hello World

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基础网站

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