iT邦幫忙

flutter相關文章
共有 613 則文章
鐵人賽 Software Development DAY 24

技術 Dart 食之無味,棄之可惜

寫在前面 Dart是由google開發的語言 目的是讓同一套程式碼可以跨平台編譯 注意,跟JAVA編譯一次後到處執行是不同的喔,Dart雖然也只需要寫一次程式碼...

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

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

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

鐵人賽 Mobile Development DAY 9

技術 Flutter體驗 Day 9-Button組件

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

鐵人賽 Mobile Development DAY 18

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

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

鐵人賽 Mobile Development DAY 3

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

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

鐵人賽 Mobile Development DAY 25

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

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

鐵人賽 Mobile Development DAY 5

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

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

鐵人賽 Mobile Development DAY 23

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

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

鐵人賽 Mobile Development DAY 6

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

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

鐵人賽 Mobile Development DAY 2

技術 [Day 2] Flutter 環境建置

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

鐵人賽 Mobile Development DAY 7

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

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

鐵人賽 Mobile Development DAY 15

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

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

鐵人賽 Mobile Development DAY 1

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

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

鐵人賽 Mobile Development DAY 6

技術 Flutter 常用組件講解 | ImageWidget

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

鐵人賽 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 3

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

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

鐵人賽 Mobile Development DAY 16

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

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

鐵人賽 Mobile Development DAY 3

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

2024 最新 Flutter 教學 - Flutter 終極指南: 連結從零開始學 Dart 程式設計: 連結Flutter 程式設計入門實戰 30 天: 連...

鐵人賽 Mobile Development DAY 21

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

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

鐵人賽 Mobile Development DAY 29

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

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

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

技術 【開學挑戰系列】DAY2

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

鐵人賽 Mobile Development DAY 19

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

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

鐵人賽 Mobile Development DAY 5

技術 Day 5:起手式程式碼

2024 最新 Flutter 教學 - Flutter 終極指南: 連結從零開始學 Dart 程式設計: 連結Flutter 程式設計入門實戰 30 天: 連...

鐵人賽 Mobile Development DAY 27

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

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

鐵人賽 Mobile Development DAY 23

技術 Flutter體驗 Day 23-WebSocket

WebSocket 前端對於WebSocket這項技術應該不陌生,以往會需要使用輪詢的方式更新資料,目前大多改採用WebSocket連線來建立雙向溝通的需求。...

鐵人賽 Mobile Development DAY 1

達標好文 技術 days[0] = "為什麼你應該現在開始學習Flutter?"

總之先上個圖。雖然這系列的定位主要是針對正在學習或已經有些經驗的Flutter開發者,深入探討一些開發過程中,大家可能比較「知其然而不知其所以然」的問題。但在一...

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

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

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

鐵人賽 Mobile Development DAY 19

技術 【Flutter基礎概念與實作】 Day19–如何用Mockito測試BloC

今天就來為FlutTube專案內的Bloc(Authentication Bloc、Login Bloc、Register Bloc)寫測試吧。 Mockito...

鐵人賽 Mobile Development DAY 25

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

上一篇我們談到整個Flutter App+Framework在Web上可以直接編譯成Javascript來執行,而Flutter Framework在最終產出L...