iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
Mobile Development

Flutter基礎入門 系列

從0開始學習使用Flutter製作手機軟體。
因這也是筆者初次接觸軟體製作,因此每篇文章的內容進展速度會較慢。
目標是在30天內學習基礎操作,並製作出一個簡單的行程表以方便使用者規劃每日的行程。

鐵人鍊成 | 共 30 篇文章 | 2 人訂閱 訂閱系列文 RSS系列文
DAY 1

【Day 01】鐵人賽的開始

首先先來個自我介紹吧!筆者是名大學生,還未擁有甚麼可以有自信的讓我說出:「這是我的專長!」的領域,因此寫出的文章相對的也會較淺白,比起教導其他人,更像是在記錄自...

2024-09-15 ‧ 由 nny02426 分享
DAY 2

【Day 02】Flutter是什麼?

到了第二天,今天就來簡單介紹什麼是Flutter吧! Flutter 介紹 首先來看個100秒快速介紹吧! Flutter是由Google所開發的開源框架(o...

2024-09-16 ‧ 由 nny02426 分享
DAY 3

【Day 03】下載與測試

Flutter官方網站中有著詳細的下載步驟教學,在這篇中將帶著大家一起下載並做一個簡單的執行測試。 下載步驟 在官方下載教學檔案中,我們最先會見到以下這個畫面,...

2024-09-17 ‧ 由 nny02426 分享
DAY 4

【Day 04】製作第一個app

今天,筆者將跟著google所製作的教學一起學習製作人生中第一個App:一個簡單,隨機選擇兩個英文文字並將他們合併,且使用者可以儲存喜歡的生成詞語。當然,因為是...

2024-09-18 ‧ 由 nny02426 分享
DAY 5

【Day 05】製作一個app - 排版設計

在繼續製作我們的應用程式之前,先來談一下其他內容。 讓Flutter程式在手機上執行 昨日,在嘗試讓手機連線電腦跑我們的應用程式時,筆者發現flutter的裝置...

2024-09-19 ‧ 由 nny02426 分享
DAY 6

【Day 06】製作一個app - NavigationRail、List與LayoutBuilder

今天,我們要來增加一個新功能:將喜歡的詞組儲存至清單,讓我們的界面看起來像這樣: 新增按鈕:建立list與新函式 我們今日所需要建立的函式以及儲存陣列將會如同v...

2024-09-20 ‧ 由 nny02426 分享
DAY 7

【Day 07】製作一個app - 滾動列表與剪貼簿

只剩最後一點,我們的程式就要完成啦!在開始我們的coding前,筆者想先說點題外話。Day 05的時後,文章最後提到neovim似乎沒有darts的refact...

2024-09-21 ‧ 由 nny02426 分享
DAY 8

【Day 08】Flutter必備技能:Dart的語法

在跟著手把手教學做了個簡單的應用程式後,應該會對Dart的語法有點基礎概念了吧。今天,筆者將整理一些dart基礎語法,讓未來寫flutter程式時可以更快速,少...

2024-09-22 ‧ 由 nny02426 分享
DAY 9

【Day 09】設計的第一步驟:介面規劃與功能設定

懂了一些基本的Flutter概念後,今天來講點其他東西吧! 還記得第一篇中,筆者學習Flutter的原因,是想製作一個目前還未有人製作,符合我心目中所想的行程...

2024-09-23 ‧ 由 nny02426 分享
DAY 10

【Day 10】開始製作app! - 程式的框架設計與底部頁面選擇

今天起,筆者將在這裡紀錄這個最符合我的要求、最客製化(當然)的行程規劃應用程式。這過程應該會遇到不少困難,就讓我們盡量放鬆邊做邊學習吧~ 專案初始化 程式命名...

2024-09-24 ‧ 由 nny02426 分享