iT邦幫忙

flutter相關文章
共有 512 則文章
鐵人賽 Mobile Development DAY 11

技術 30天Flutter手滑系列 - 狀態管理 (State Management)

上一篇30天Flutter手滑系列 - 無狀態與有狀態Widgets (Stateless & Stateful widgets),算是基礎的狀態管理教...

鐵人賽 Mobile Development DAY 2

技術 [Day2] 新增代辦事項實作。

昨天我們做了代辦事項的主頁,我們接下來要新增待辦事項。 第一步驟我們先建立新建事項的頁面,lib/screens/edit_todo_screen.dart c...

鐵人賽 Mobile Development DAY 9

技術 用 Flutter 開發一個 Android App 吧 - Day 9. 個人頁面(續)

本系列同步發表在 個人部落格,歡迎大家關注~ 個人頁面(Profile Page) - 續 我們接續昨天的部份,接下來要完成個人頁面的下半部。 首先,第一個...

鐵人賽 Mobile Development DAY 3

技術 Day 3 :建立第一個 Flutter 應用程式專案

本篇文章同步發表在 HKT 線上教室 部落格,線上影音教學課程已上架至 Udemy-HKT線上教室。想追蹤更多相關技術資訊,歡迎到 臉書粉絲專頁 按讚追蹤喔~...

鐵人賽 Mobile Development DAY 4

技術 【Flutter基礎概念與實作】 Day4–Dart Language(2)

昨天介紹了Dart的型態以及定義function的方法,今天來看看流程控制以及例外處理吧。 Dart的流程控制跟其他語言沒有差異,該有的都有,if-else、w...

鐵人賽 Mobile Development DAY 10

技術 30天Flutter手滑系列 - 無狀態與有狀態Widgets (Stateless & Stateful widgets)

結束上一篇30天Flutter手滑系列 - 導航與路由(Navigation & Routing),我們透過範例,示範了在路由跳轉時傳遞參數,但我們都使...

鐵人賽 Mobile Development DAY 1

技術 [Day 1] 萬年老梗,卻很實用之待辦清單。

前面因為一些因素中斷了比賽,決定在此重新參賽。先前連結 那我們就廢話不多說直接進入,我們的重點待辦清單。 我們先做我們的主頁面,如下圖。 我的習慣會把頁面,放在...

鐵人賽 Mobile Development DAY 3

達標好文 技術 【Flutter基礎概念與實作】 Day3–Dart Language(1)

Dart屬於物件導向語言,假如你之前寫過Java、JavaScript或是其他物件導向語言相信很快就能夠上手,因為程式語言的語法其實大同小異,而且Dart還擁有...

鐵人賽 Mobile Development DAY 8

技術 用 Flutter 開發一個 Android App 吧 - Day 8. 再修 Bug、個人頁面

本系列同步發表在 個人部落格,歡迎大家關注~ 欸!? 還沒改完? 恩... 越看越多東西需要修改一下... 那麼接續昨天的議題。 Login Page...

鐵人賽 Mobile Development DAY 2

技術 Day 2:安裝 Flutter 開發環境

本篇文章同步發表在 HKT 線上教室 部落格,線上影音教學課程已上架至 Udemy-HKT線上教室。想追蹤更多相關技術資訊,歡迎到 臉書粉絲專頁 按讚追蹤喔~...

鐵人賽 Mobile Development DAY 9

技術 30天Flutter手滑系列 - 導航與路由(Navigation & Routing)

在結束上一篇30天Flutter手滑系列 - 布局組件(Layout Widgets)(下)後,基礎的UI概念應該已經有了,接下來會介紹同樣很重要的導航與路由。...

鐵人賽 Mobile Development DAY 1

技術 Day 1:為什麼要用 Flutter ?

本篇文章同步發表在 HKT 線上教室 部落格,線上影音教學課程已上架至 Udemy-HKT線上教室。想追蹤更多相關技術資訊,歡迎到 臉書粉絲專頁 按讚追蹤喔~...

鐵人賽 Mobile Development DAY 7

技術 用 Flutter 開發一個 Android App 吧 - Day 7. 頁面刷新、修一些 Bug

本系列同步發表在 個人部落格,歡迎大家關注~ 頁面刷新(Page Refresh) 和 StatefulWidget 今天來完成一下頁面刷新的部份,先拿 D...

鐵人賽 Mobile Development DAY 2

達標好文 技術 【Flutter基礎概念與實作】 Day2–Flutter v.s React Native

今天的內容著重在Flutter的特色介紹以及和React Native的比較。如果你還在猶豫該學Flutter還是React Native,希望今天的內容對你的...

鐵人賽 Mobile Development DAY 8

技術 30天Flutter手滑系列 - 布局組件(Layout Widgets)(下)

好的Layout讓你的UI畫面看起來很有那麼一回事,後端code再爛都沒關係,接續上一篇30天Flutter手滑系列 - 布局組件(Layout Widgets...

鐵人賽 Mobile Development DAY 1

達標好文 技術 【Flutter基礎概念與實作】 Day1–Flutter是什麼,能吃嗎?

前言 大家好,我目前是清大資應所碩二的學生,應實驗室同學邀請一起報名參加鐵人賽。選Flutter作為主題是因為近年來跨平台框架正夯,而Flutter由於發展較晚...

鐵人賽 Mobile Development DAY 6

技術 用 Flutter 開發一個 Android App 吧 - Day 6. 導覽選單、搜尋頁

本系列同步發表在 個人部落格,歡迎大家關注~ 導覽選單(Drawer) 接下來完整導覽選單的部份,最上方 Header 的部份使用 UserAccounts...

鐵人賽 Mobile Development DAY 7

技術 30天Flutter手滑系列 - 布局組件(Layout Widgets)(上)

在前一篇30天Flutter手滑系列 - 文字(Text Widgets)、圖片相關組件(Assets, Images, Icon Widgets)與文字輸入(...

鐵人賽 Mobile Development DAY 5

技術 用 Flutter 開發一個 Android App 吧 - Day 5. 登入登出、倉庫頁、近況頁與議題頁

本系列同步發表在 個人部落格,歡迎大家關注~ 登入/登出 登入按下登入按鈕後的時候,需要有一個 Loading 的 Modal。 如圖 而在 Flutte...

鐵人賽 Mobile Development DAY 6

技術 30天Flutter手滑系列 - 文字(Text Widgets)、圖片相關組件(Assets, Images, Icon Widgets)與文字輸入(Input Widgets)

在上一篇30天Flutter手滑系列 - 基本組件(Basic Widgets),介紹了基本會用的Widgets外,接下來這篇也是一定會用到的文字與圖片Widg...

鐵人賽 Mobile Development DAY 4

技術 用 Flutter 開發一個 Android App 吧 - Day 4. 首頁、路由

本系列同步發表在 個人部落格,歡迎大家關注~ 中秋節到拉~ 先祝大家中秋快樂~ -- 好了,廢話不多說,進入今天正題囉~ 主頁面 - 首頁 lib/pag...

鐵人賽 Mobile Development DAY 5

技術 30天Flutter手滑系列 - 基本組件(Basic Widgets)

誠如先前文章所說,Flutter由許多Widgets去組成整個App,從這章節開始會從UI相關的Widgets開始介紹,順便了解不同Widgets的名稱在Mob...

鐵人賽 Mobile Development DAY 3

技術 用 Flutter 開發一個 Android App 吧 - Day 3. 進入點、登入頁面

今天開始進入本系列的主線 - 第一階段 UI 部份 進入點 lib/main.dart import "package:flutter/materia...

鐵人賽 Mobile Development DAY 4

技術 30天Flutter手滑系列 - Dart語言基礎教學

完成上一篇30天Flutter手滑系列 - 雙平台及IDE環境設定後,開始要來寫點程式,是不是終於有點像在學個新技術了呢。 但是,別忘了Flutter是Dart...

鐵人賽 Mobile Development DAY 2

技術 用 Flutter 開發一個 Android App 吧 - Day 2. 環境設定、流程規劃

本系列同步發表在 個人部落格,歡迎大家關注~ 開發環境 作業系統(OS): Ubuntu Desktop 18.04.2 LTS 編輯器(Editor):...

鐵人賽 Mobile Development DAY 3

技術 30天Flutter手滑系列 - 雙平台及IDE環境設定

接續上一篇30天Flutter手滑系列 - SDK環境設定完成後,我們來加速一下進度,一次把跨平台開發跟IDE設定完成,然後跑第一個範例程式吧。 開發平台設定...

鐵人賽 Mobile Development DAY 1

技術 用 Flutter 開發一個 Android App 吧 - Day 1. 前言、系列規劃

本系列同步發表在 個人部落格,歡迎大家關注~ 緣起 老實說在學習 Flutter 並用在幾個專案後,一直想花時間整理成文章在自己的部落格。 但是寫成筆記形式...

鐵人賽 Mobile Development DAY 2

技術 30天Flutter手滑系列 - SDK環境設定

閱讀過上一篇30天Flutter手滑系列 - Flutter所為何物後,現在對Flutter有了初步了解,要來學習Flutter前,先來設定一下環境吧。筆者是M...

鐵人賽 Mobile Development DAY 1

技術 30天Flutter手滑系列 - Flutter所為何物

前言與鐵人賽規劃 最近剛結束面試地獄,終於有時間來複習Flutter。實在沒有寫過這麼長系列的技術文章,加上本人實戰經驗也不多,因此期許自己能完成這次挑戰就好。...

鐵人賽 Mobile Development DAY 2

技術 [Day 3] Flutter 基礎架構介紹

Flutter 是基於 Material Design,由Google開發的設計語言。 基礎架構介紹 還記得我們昨天辛苦建置的環境嗎?還有我們也開啟了我們第一個...