iT邦幫忙

2024 iThome 鐵人賽

DAY 1
0
Mobile Development

從零開始以Flutter打造跨平台聊天APP系列 第 1

Day-1 什麼是 Flutter?什麼是 Dart?

  • 分享至 

  • xImage
  •  

Generated from Stable Diffusion 2.1

前言

大家好,我是坂倉かしわ,2020年有參加第12屆鐵人賽Golang魔法使 ─ 30天從零開始學習Go語言,今年也想挑戰自己。看了很多主題,想了一個下午,最後決定一邊發文一邊做一款簡單的聊天 App。其實自己本身對後端工程比較有興趣,但是因為自己不夠專精,所以想發一個簡單一點的應用文章。這個系列不只會包含 flutter 前端 UI 的部分,也會參雜後端的處理!

目前偶爾會在 Threads 上發一些程式相關的文:https://www.threads.net/@_liao2000
我也有經營 Medium 但荒廢很久,有興趣的朋友可以去追蹤:https://ksw2000.medium.com/

什麼是 Flutter?

Flutter 是由 Google 開發的開源 UI 軟體開發工具包(SDK),用於構建跨平台的應用程式。透過 Flutter 可以在使用一份 code 的情況下,同時建構 iOS、Android、Web 及桌面應用,從而節省時間和資源。Flutter 提供了高效能的渲染引擎和豐富的 components,使開發者能夠構建出美觀且流暢的 UI。

Flutter 和 Dart 的關係

Dart 是一個由 Google 開發的物件導向程式語言。Flutter 使用 Dart 編寫而成。開發者使用 Flutter 開發時,必需以 Dart 撰寫。

建構 Dart 環境

如果只是想試試 dart 語言的朋友可以直接使用 dartpad https://dartpad.dev/
根據不同平台也可以在本地端做安裝 https://dart.dev/get-dart

然而,因為我們最後需要使用的是 flutter 框架,在安裝 flutter 時就會自帶 dart 了,也因此我們可以直接安裝 flutter https://docs.flutter.dev/get-started/install

安裝的步驟比較麻煩,根據不同系統也有不同要求,因此這裡不贅述

執行第一個 Dart 程式

不免俗的,我們還是來一個 Hello World 小程式

void main() {
  print("Hello world!");
}

檔名隨意,假如我們取名為 hello.dart。同 python 的執行方法一樣,指令直接加上檔名即可!

> dart main.dart

另外,Dart 可以直接在作業系統中編譯成可執行檔,而不一定要在虛擬機中執行

> dart compile exe main.dart

由於 dart 強大的跨平台特性,dart 可以將同一份程式進行不同的編譯,可以參考:https://dart.dev/tools/dart-compile

這樣就完成啦!

第一天先到這裡!

官方有提供教學文件:https://dart.dev/language 可以直接到這裡學習!另外本次鐵人賽的程式碼會放在這裡:https://github.com/ksw2000/ironman-2024

喜歡我的朋友別忘了去追蹤我的 Github: https://github.com/ksw2000 並按讚這篇文章

傳送門

Dart 教學系列

Flutter 教學系列

Go 伺服器系列

實作系列


下一篇
Day-2 Dart 簡介(1):變數、流程控制
系列文
從零開始以Flutter打造跨平台聊天APP30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言