天天看點

手寫第一個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基礎網站

好啦,到這裡第一篇就結束了,你學會了麼!