iT邦幫忙

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

技術 days[23] = "Flutter Web是怎麼運作的?(上)"

就和之前提的狀態管理一樣,Web的支援在Flutter社群也是一個熱門到有點好笑的話題,幾乎每一兩週就會有人問「現在stable了嗎?」「可以上producti...

鐵人賽 Mobile Development DAY 2

技術 Flutter體驗 Day 2-環境設定

環境設定 系統需求 作業系統:macOS 硬碟空間:至少2.8 GB 工具:git、Xcode 取得 Flutter SDK a. 從這裡下載你想要安裝的...

鐵人賽 Mobile Development DAY 25

技術 【Flutter基礎概念與實作】 Day25–使用Firestore快速建造簡易留言區

今天來增加討論電影的留言版功能,結合Firebase的Firestore除了能大幅減少建置資料庫的時間外,只要Database有新的資料所有使用者的頁面也會被自...

鐵人賽 Mobile Development DAY 6

技術 【Day 6】Best-Flutter-UI-Templates - 超霸氣的自由宣言專案

今日要點》介紹 Best-Flutter-UI-Templates 專案》下載並編譯 Best-Flutter-UI-Templates 專案 介紹 Best...

鐵人賽 Mobile Development DAY 7

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

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

鐵人賽 Modern Web DAY 23
Flutter web 的奇妙冒險 系列 第 23

技術 Day 23 | 在Flutter裡串接restful api - 我不使用HttpClient了 jojo

這篇文主要是介紹在 Flutter 中如何串接 restful api ,主要是使用 Dio(意外的跟這個系列文題目切題) 這個套件以及搭配幾個處理JSON資料...

鐵人賽 Mobile Development DAY 18

技術 【Flutter基礎概念與實作】 Day18–Flutter測試框架以及Mockito Package使用範例介紹

寫測試在開發軟體是很重要的一部分,測試寫得好之後才能安心地繼續開發新功能以及進行維護,不然軟體架構越來越龐大後發現前面的功能有Bug就難處理了。 根據Flutt...

鐵人賽 Mobile Development DAY 23

技術 【Flutter基礎概念與實作】 Day23–實作Youtube Bloc、Youtube API

在開始今天非常簡單的YoutubeBloc實作前,我們要先和Google申請Youtube Data Api,待會才可以用Youtube Api查詢電影預告片。...

鐵人賽 Mobile Development DAY 13

技術 30天Flutter手滑系列 - Firebase 設定

結束上一篇30天Flutter手滑系列 - JSON與序列化(JSON and serialization),關於與後端溝通做資料交換的部分,接下來要把重要的F...

鐵人賽 Mobile Development DAY 15

技術 【Flutter基礎概念與實作】 Day15–實作Register Bloc、Firebase Authentication

昨天完成了LoginBloc和登入的介面,但其實還有幾個步驟需要進行設定才能使用Google Auth,所以今天的前半部先把它設定完吧。 Android bui...

鐵人賽 Mobile Development DAY 6

技術 Flutter 常用組件講解 | ImageWidget

ImageWidget 圖片元件講解 Image 圖片元件的使用 Image Widget 的幾種加入形式 Image.asset 資源圖片形式需慎用。...

鐵人賽 Mobile Development DAY 9

技術 Flutter體驗 Day 9-Button組件

Button組件 按鈕也是在基礎組件中常見的項目,它提供了點擊事件可以用來定義互動的功能。 Button Flutter 提供三種具備onPressed參數的按...

C++30日挑戰之旅 系列 第 42

技術 【開學挑戰系列】DAY2

2023/04/20 WIDE LAB紀錄 零、設備資料 目前terminal路徑 壹、安裝步驟 flutter cn 安裝 安裝Xcode...

鐵人賽 Mobile Development DAY 1

技術 Dart & Flutter 簡介 | 菜鳥入門

入門介紹 (Introduction) Flutter is Google’s UI toolkit for building beautiful, nati...

鐵人賽 Mobile Development DAY 2

技術 [Day 2] Flutter 環境建置

Flutter 官方安裝網頁 Windows 我們會需要安裝 Git,基本來說就都下一步就可以了,連結以下。Git Download 安裝 Flutte...

鐵人賽 Mobile Development DAY 16

技術 【Flutter基礎概念與實作】 Day16–使用SharedPreference記下帳號、接上TMDb API

今天來實作接上movie API,取得近期上映電影清單。不過在開始之前我們先幫LoignForm加一個簡單的功能——記錄使用者帳號。 SharedPrefere...

鐵人賽 Mobile Development DAY 3

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

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

鐵人賽 Mobile Development DAY 3

技術 【Day 3】常用的 Flutter 指令

今日要點》常用的 Flutter 指令 指令:flutter doctor / flutter doctor -v 指令:flutter create app的...

鐵人賽 Mobile Development DAY 19

技術 30天Flutter手滑系列 - 井字遊戲實作(Tic Tac Toe)(6)

在前面章節30天Flutter手滑系列 - 井字遊戲實作(Tic Tac Toe)(5)有提到,在今天開始會來嘗試加入AI到我們遊戲中,這樣才真的有玩遊戲感覺嘛...

鐵人賽 Mobile Development DAY 29

技術 【Flutter基礎概念與實作】 Day29–Profile Mode檢測App效能

今天要介紹的是Flutter的Profile Mode,在Profile Mode可以看到即時的CPU和GPU的效能狀況,有助於開發人員優化App。 Flutt...

鐵人賽 Mobile Development DAY 1

技術 【第一天 - Flutter 生命週期+基本觀念介紹】

什麼是 StatefulWidget? 他是一個具備 State(狀態)的元件,裡面所有可變狀態的子元件的狀態都會保留在 Staatefulwidget 所創...

鐵人賽 Mobile Development DAY 21

技術 【Flutter基礎概念與實作】 Day21–美化首頁(1) 滑動吧!電影卡片

結束三天的Flutter測試框架介紹,回到專案本身的開發,接著來美化首頁吧。 先看今天的成品會長什麼樣子:(gif經過壓縮後畫質會降低會有卡卡的感覺,但實際上滑...

C++30日挑戰之旅 系列 第 40

技術 【WIDE LAB紀錄 Day10】Flutter Widgets積木疊疊樂!

壹、前情提要:交接工作進度銜接 一、Package v.s. version問題 由flutter能用的機型,主要是本身flutter很新,不少開發者說io...

鐵人賽 Mobile Development DAY 27

技術 【Flutter基礎概念與實作】 Day27–在留言取得並顯示使用者的照片

今天就把上傳大頭貼到Firebase Storage和在留言顯示使用者照片的功能完成吧。 Home Page 開啟home_page.dart,把上傳照片的功能...

鐵人賽 Mobile Development DAY 8

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

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

鐵人賽 Mobile Development DAY 4

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

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

鐵人賽 Mobile Development DAY 4

技術 [Day4] Flutter 狀態管理之 Provider (續)

昨天提到了 Example code 來囉! 我這邊先用新的專案來改 第一步我們需要先建立一個 model,記得要 with ChangeNotifier,這樣...

鐵人賽 Mobile Development DAY 29

技術 【Day 29】練習專案 2/2 - Figma To Flutter

今日要點》前言》介紹 Figma 匯出 Dark code》程式架構研究 前言 前一天的練習專案,有一個領記念品的按鍵,點下去會出現紅色的標記,顯示已領。這是...

鐵人賽 Mobile Development DAY 7

技術 【Day 7】Flutter-UI-Kit - 一組常用UI的合集

今日要點》介紹 Flutter-UI-Kit 專案》下載並編譯 Flutter-UI-Kit 專案 介紹 Flutter-UI-Kit 專案 今天要介紹的Gi...

鐵人賽 Mobile Development DAY 1

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

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