iT邦幫忙

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

技術 用 Flutter 開發一個 Android App 吧 - Day 27. ProfilePage & BadgeTab

接下來將個人頁面的部份以昨天的步驟如法炮製的作修改吧 ProfileInfo、Stars、Followers、Followings 這些 Widget 其實不難...

鐵人賽 Mobile Development DAY 18

技術 用 Flutter 開發一個 Android App 吧 - Day 20. 自己建造 GitHub Trending API 輪子與測試

本系列同步發表在 個人部落格,歡迎大家關注~ GitHub Trending API 唷西(よし),昨天花了很大的力氣將 JSON 序列化的物件模板建立完成...

鐵人賽 Mobile Development DAY 26

技術 Flutter Developer Learning SwiftUI. @State var lesson26 = "生命週期+本地儲存"

Today Preview 1. 正文 1. App生命週期 展示了一下可以用Environment獲取scenePhase然後觀察ScenePhase的三種...

鐵人賽 Mobile Development DAY 1
通徹 Flutter 學習路徑 系列 第 1

技術 通徹 Flutter 學習路徑 Day 01 - 什麼是 Flutter ??

賽前感言 Flutter是一個由 Google 開發的開放原始碼行動應用軟體開發套件,其中最吸引人的地方便是它們宣稱使用 Flutter 所開發的應用程式可以...

鐵人賽 Mobile Development DAY 3

技術 [Day 03] Dart 基礎語法 Part 2

今天我們要來談談關於 Dart 的迴圈、判斷式以及函式的語法,馬上開始吧! 條件判斷式 條件判斷式是執行邏輯判斷中重要的程式區塊,在 Dart 中提供了三種條件...

技術 Flutter 04

Stateless Widgets & Hot ReloadWhenever we make some changes, we need to cl...

鐵人賽 Mobile Development DAY 15

技術 [Day15] Flutter with GetX Wrap & Chip

Wrap & Chip 原生的Widget, 對於之前接觸iOS的人來說一開始看到有驚訝一下(居然有原生的!),有一點像是hash tag, 個人把W...

技術 Flutter入門指南

如果你是剛入門Flutter的工程師,可以參考這篇文章,我會告訴大家自己常用的套件以及如何規劃檔案的分類!最近有新開一個部落格是在介紹Flutter相關的文章,...

鐵人賽 Mobile Development DAY 6

技術 [Day 06] 安裝 Flutter 環境

今天我們要來講如何安裝 Flutter 的環境,在真的開始開發應用程式前,得先準備好這些開發的工具才行。 安裝 Flutter Flutter 提供多個作業系統...

技術 【Flutter】筆記3-Scaffold(手腳架or骨架)

要了解他就從定義下手不然你根本不知道它可以幹嘛@@ const Scaffold({ super.key, this.appBar, t...

鐵人賽 Mobile Development DAY 28

技術 Flutter Developer Learning SwiftUI. @State var lesson28 = "多平台"

Today Preview 1. 正文 今天的重點就是如何讓SwiftUI變成Mac app只要你的Mac是M1,就可以看到裝置列表裡面有Mac然後就可以ru...

鐵人賽 Mobile Development DAY 17

技術 Day 17: Riverpod 是什麼?它負責狀態管理嗎?跟著我了解幾個重要角色

在 Flutter,狀態管理對於專案來說很重要,不是說一定要用,只是當開發者還不熟悉 Flutter 原理以及刷新觀念,很容易會造成不當開發的效能問題。狀態管...

技術 Dart 語言入門 4: 流程控制

if else if else 的條件值必須是布林,不能是其他的型態, else 是選項。 if (isRaining()) { you.bringRain...

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

技術 Day 20 | 萬年範例-TodoList(3)

那今天就繼續來擴充這個小專案的功能,我們現在可以新增及刪除了,那今天就來實作更換卡片的狀態好了。 首先我們來新增一個值 isDone 來表示todo是否被完成了...

鐵人賽 Mobile Development DAY 30

技術 ITHOME IRONMAN體驗 Day 30-完賽心得

完賽心得 第13屆的鐵人賽30天的挑戰終於結束了,從參賽至完賽的準備期大約用了二個月。 初期花了大於3週的時間腦補 Flutter 的基本知識,不過大部份的範例...

技術 【WideLab暑假之旅】Week07(2023/08/14-08/18)

20230814 壹、FastRoom() 只有在連線到已存在的連線時會出現timeout:45000,用創建葉子的則不會 結果發現:是參數值給予問題!因為...

鐵人賽 Mobile Development DAY 14

技術 [Day14] Flutter with GetX animated_text_kit

animated_text_kit 文字特殊效果的第三方,可以參考文檔的樣式作選擇 使用起來類似是Flutter原生的RichText & TextSp...

鐵人賽 Mobile Development DAY 23

技術 Flutter Developer Learning SwiftUI. @State var lesson23 = "切換頁面"

Today Preview 1. 正文 昨天打了好多字...今天輕鬆一下講點跳頁 主要分成兩大類app間切換 跟 app內切換然後app內切換又分成由右往左...

鐵人賽 Mobile Development DAY 19
dart&flutter學習之旅 系列 第 19

技術 dart&flutter學習之旅-Day19

前言 今天會開始介紹flutter cookbook的內容,flutter cookbook是一連串進階技術的教學,我會先從flutter動畫開始介紹 Anim...

技術 Flutter 09

ColumnBasically column widget works like rows widget but in different directio...

鐵人賽 自我挑戰組 DAY 23

技術 [D23] : 嘗試在Build Apk前檢查SDK(未成功 > <)

繼昨天需求之後,以為Husky解不了我需求,查到有人在用LeftHooks處理Husky辦不到的事今天google了一下才明白兩者都沒法做到在Build A...

鐵人賽 Mobile Development DAY 2

技術 Day 2: 使用 Dart 3 改善我們的開發習慣,更多範例與技巧分享!

當 Dart 3 添加 Record 和 Pattern 等等強大的功能後,讓它成為了很有吸引力的語言,非常值得我們花時間與它相處,輕鬆、快速地在專案寫出好的...

技術 【WideLab暑假之旅】Week06(2023/08/07-08/11)

20230807 影片剪輯+音軌調製 FlexClip | 線上影片編輯 - 免費製作影片 可自動生成字幕 20230808 影片編輯 壹、Agor...

鐵人賽 Mobile Development DAY 24

技術 [Day24] Flutter with GetX Shimmer

Shimmer iOS Swift的話是類似SkeletonView一般用在等待的時候 像是API fetch data這邊用前幾篇的News API, 把轉圈...

鐵人賽 Mobile Development DAY 22

技術 Flutter Developer Learning SwiftUI. @State var lesson22 = "表格"

Today Preview 1. 正文 前幾天介紹的List是一維列表而今天要介紹的二維表格是使用LazyVGrid(垂直) or LazyHGrid(水平)...

鐵人賽 Mobile Development DAY 8

技術 Flutter Developer Learning SwiftUI. @State var lesson8 = "文字輸入"

Today Preview 1. 正文 今日內容主要分成三個部分: TextField TextEditor 輸入相關 又在抱怨(不是說三個部分嗎) Te...

鐵人賽 Mobile Development DAY 16

技術 [Day16] Flutter with GetX 簡介 (狀態管理?)

Flutter的狀態管理 從初學接觸了Flutter的(Stateless與StatefulWidget)再去看各路大神都用什麼框架開發 ,在pub.dev眾多...

技術 Flutter 06

Button And IconsIn Flutter we can add Button and Icon Widget as well. Icons...