iT邦幫忙

flutter相關文章
共有 512 則文章
0 Like 0 留言 511 瀏覽

技術 【自學Flutter隨意紀錄】開始安裝時遇到的各種令人厭煩的issues

大家好我是容易放棄的前工程師，我想寫自己的APP很久了但每次環境設定就讓我止步，經過了一年的怠惰放棄最終進行了往前一步的嘗試，感謝ChatGPT還有Gemini...

giveupengineer ‧ 2024-02-28
0 Like 0 留言 601 瀏覽

技術 【Flutter】筆記-Clipoval 圓形圖片

ClipOval( child: Image.network( 'https://vi...

AKA 哈利死 ‧ 2024-02-03
0 Like 0 留言 576 瀏覽

技術 【Flutter】筆記-Image應用

定義一個容器在容器child放入圖片 Image.network Image.asset Center( child: Container(...

AKA 哈利死 ‧ 2024-02-02
0 Like 0 留言 453 瀏覽

技術 【Flutter】筆記-Container組件應用

Container容易應用:width: 寬度height: 高度color: 顏色decoration: 裝飾alignment: 對齊方式 padding:...

AKA 哈利死 ‧ 2024-01-26
0 Like 0 留言 368 瀏覽

技術 【Flutter】筆記- 頁面構造&自定義的類別

analysis_options.yaml (主要為檢測寫法.可以註解掉就不報錯，不影響) pubspec.yaml(配置管理文件) const 經常用於宣告一...

AKA 哈利死 ‧ 2024-01-24
0 Like 0 留言 435 瀏覽

技術 【Flutter】Text組件應用

style, // 文字樣式 strutStyle, // StrutStyle 用於...

AKA 哈利死 ‧ 2024-01-20
0 Like 0 留言 7552 瀏覽

徵才 【亞洲徵才】MaskEX 交易所專案技術團隊（工作地點：日本）

MaskEX 亞洲徵才企業網站：https://www.maskex.com/company/aboutus/zh_HK工作地點：日本大阪地區 專案團隊職缺：【...

Kino ‧ 2023-11-07
1 Like 0 留言 530 瀏覽
鐵人賽 Mobile Development DAY 30
探索 Flutter 由裡到外，三十天帶你前往進階 系列 第 30 篇

技術 Day 30: The End to Start, Be a Contributor

嗨，大家好，再次自我介紹，我是陳虔逸、Yii Chen，一位 Flutter 愛好者以及推廣者，專注跨平台開發，除了投入技術寫作外，也是活躍講者。擁有 7 年...

Yii Chen ‧ 2023-10-15
0 Like 0 留言 315 瀏覽
鐵人賽 Mobile Development DAY 30
Flutter 從零到實戰 - 30 天の學習筆記 系列 第 30 篇

技術 [Day 30] 換上 App Icon & 總結

終於到了最後一天的文章拉，在最後一篇文章中，我們來完成最後的事項，也就是換上美美的 icon 拉～ 首先請先執行以下指令安裝套件： flutter pub ad...

Micro Jordan ‧ 2023-10-15 ‧團隊啾嚕咕嚕跳起來
0 Like 0 留言 374 瀏覽
鐵人賽 Mobile Development DAY 29
Flutter 從零到實戰 - 30 天の學習筆記 系列 第 29 篇

技術 [Day 29] 進階技巧 - 做一個 Home Widget (實作篇)

今天我們要來實作 iOS版本的 home widget 昨天我們已經有說過，flutter 並無法直接撰寫 home widget 的樣式，若要在iOS 上實現...

Micro Jordan ‧ 2023-10-14 ‧團隊啾嚕咕嚕跳起來
0 Like 0 留言 192 瀏覽
鐵人賽 Mobile Development DAY 29
探索 Flutter 由裡到外，三十天帶你前往進階 系列 第 29 篇

技術 Day 29: Dart 3 總複習，大家準備一下待會考試！

延續在本系列開始的 Dart 3 解說與實用範例，目的是希望系列結束前能再讓大家複習和更熟悉 Dart 3 新版帶來的方便性，有效運用在目前的專案上，甚至能優...

Yii Chen ‧ 2023-10-14
0 Like 0 留言 290 瀏覽
鐵人賽 Mobile Development DAY 28
探索 Flutter 由裡到外，三十天帶你前往進階 系列 第 28 篇

技術 Day 28: 制訂品牌風格， Design System 讓製作畫面變得很有趣！

如何在 Flutter 制訂一個有品牌風格的 Design System，讓我們的產品擁有特點，辨識度就非常重要，所以從基本的顏色、字體、文字大小、圓弧曲度、...

Yii Chen ‧ 2023-10-13
0 Like 0 留言 353 瀏覽
鐵人賽 Mobile Development DAY 28
Flutter 從零到實戰 - 30 天の學習筆記 系列 第 28 篇

技術 [Day 28] 進階技巧 - 做一個 Home Widget (設定篇)

今天的進階技巧，想要跟大家分享的是如何分別在 iOS 與 Android 平台上實作 App widget。 什麼是 Home Widget 現在無論是 iOS...

Micro Jordan ‧ 2023-10-13 ‧團隊啾嚕咕嚕跳起來
0 Like 0 留言 366 瀏覽
鐵人賽 Mobile Development DAY 27
Flutter 從零到實戰 - 30 天の學習筆記 系列 第 27 篇

技術 [Day 27] 進階技巧 - Flutter 的多國語系應用程式實現方法

當我們在開發應用程式時，通常針對不同語言切換進行支援。因此我們今天來講講在 flutter 中要如何實現多國語系的作法。 安裝相依套件與相關設定 首先請先執行...

Micro Jordan ‧ 2023-10-12 ‧團隊啾嚕咕嚕跳起來
0 Like 0 留言 261 瀏覽
鐵人賽 Mobile Development DAY 27
探索 Flutter 由裡到外，三十天帶你前往進階 系列 第 27 篇

技術 Day 27: 什麼是 Atomic Design 與 Design System？從 Flutter 快速掌握它們！

首先請問大家幾個問題： 在開發產品時，公司和團隊裡有 UI 設計師嗎？有根據設計使用的文字、大小、顏色、空格間距等等，來開發嗎，是否完全相同？ 有關數值的設...

Yii Chen ‧ 2023-10-12
0 Like 0 留言 478 瀏覽
鐵人賽 Mobile Development DAY 26
Flutter 從零到實戰 - 30 天の學習筆記 系列 第 26 篇

技術 [Day 26] 進階技巧 - Splash Screen 與 Welcome Screen

Splash Screen (啟動畫面)是一個應用程式在啟動時短時間顯示的畫面，通常該畫面用於展示和強調應用程式的品牌，同時在顯示畫面同時，應用程式也會用於進...

Micro Jordan ‧ 2023-10-11 ‧團隊啾嚕咕嚕跳起來
0 Like 0 留言 297 瀏覽
鐵人賽 Mobile Development DAY 26
探索 Flutter 由裡到外，三十天帶你前往進階 系列 第 26 篇

技術 Day 26: 想跑 Flutter 測試但卻不想寫嗎， 試看看 Maestro UI Testing， 整合 CICD 沒問題！

Maestro 是一個完整的 UI 自動化測試框架與解決方案，提供豐富的文件和 API 給開發者使用，其中的連續模式就很符合人性化，像是自動 hot-relo...

Yii Chen ‧ 2023-10-11
0 Like 0 留言 277 瀏覽
鐵人賽 Mobile Development DAY 25
Flutter 從零到實戰 - 30 天の學習筆記 系列 第 25 篇

技術 [Day 25] 實戰新聞 APP - 擴充使用者資料 Part 2 (上傳圖片至 firebase storage)

目前為止我們的帳號頁面提供了編輯個人的姓名、信箱與自我介紹的功能。還記得我們昨天定義的 UserModel 嗎？讓我們複習一下： class UserModel...

Micro Jordan ‧ 2023-10-10 ‧團隊啾嚕咕嚕跳起來
0 Like 0 留言 453 瀏覽
鐵人賽 Mobile Development DAY 25
探索 Flutter 由裡到外，三十天帶你前往進階 系列 第 25 篇

技術 Day 25: 不要浪費時間在無聊代碼了，實作自己的模板生成工具，Mason Brick！

Mason 是什麼？它可以有效的幫我們提升開發效率，避免花費不必要的時間在創建檔案或是無聊的代碼上，根據自己和公司的開發習慣去自定義模板和生成結果，很值得投資...

Yii Chen ‧ 2023-10-10
0 Like 0 留言 262 瀏覽
鐵人賽 Mobile Development DAY 24
Flutter 從零到實戰 - 30 天の學習筆記 系列 第 24 篇

技術 [Day 24] 實戰新聞 APP - 擴充使用者資料 Part 1 (設定 Firestore)

Firestore 是 Google 基於 Google Cloud 而產生的 NoSQL 資料庫，具有靈活、高擴充性的優勢，因此適合用於 Firebase 和...

Micro Jordan ‧ 2023-10-09 ‧團隊啾嚕咕嚕跳起來
0 Like 0 留言 250 瀏覽
鐵人賽 Mobile Development DAY 24
探索 Flutter 由裡到外，三十天帶你前往進階 系列 第 24 篇

技術 Day 24: 善用工具與快捷輔助，提升 Flutter 開發效率！

身為工程師，每天長時間的開發、寫程式碼，提升開發效率是必須的，趕快完成任務才能偷懶沒錯吧？我們必須在節省時間的情況下還能達到目的，除了程式碼的撰寫之外，還有開...

Yii Chen ‧ 2023-10-09
1 Like 0 留言 523 瀏覽
鐵人賽 Mobile Development DAY 23
Flutter 從零到實戰 - 30 天の學習筆記 系列 第 23 篇

技術 [Day 23] 實戰新聞 APP - 製作本機通知訊息吧

當我們在使用手機時經常會收到來自於不同應用程式的各種通知。包括由遠程的服務發送的通知(如：Line 訊息、Facebook 好友邀請通知等)，以及來自於本機的通...

Micro Jordan ‧ 2023-10-08 ‧團隊啾嚕咕嚕跳起來
0 Like 0 留言 174 瀏覽
鐵人賽 Mobile Development DAY 23
探索 Flutter 由裡到外，三十天帶你前往進階 系列 第 23 篇

技術 Day 23: 帶你完整探索 DevTools，聰明的使用 Network、App Size Tool 與 Skia Tool (Debugging with DevTools - part3)

本文為 Debugging with DevTools 系列的第三章，前面談論到了 Flutter Inspector、Performance、CPU Pro...

Yii Chen ‧ 2023-10-08
2 Like 1 留言 434 瀏覽
鐵人賽 Mobile Development DAY 30
無職轉生～在資工系就拿出真本事٩(๑•̀ω•́๑)۶【Flutter Go in 30 Days】 系列 第 30 篇

技術 無職轉生～在資工系就拿出真本事٩(๑•̀ω•́๑)۶【Flutter Go in 30 Days】：Day 30參賽結語，以及你/妳的新的開始

壹、30天章程回顧 大家都已熟悉本次30天的文章，我們都以大寫中文數字"壹、貳、參..."作為段落列向，內部再依序酌增"一、二、三...

xianyu ‧ 2023-10-08 ‧團隊卍乂煞氣a工程師乂卍
0 Like 0 留言 221 瀏覽
鐵人賽 Mobile Development DAY 22
Flutter 從零到實戰 - 30 天の學習筆記 系列 第 22 篇

技術 [Day 22] 實戰新聞 APP - 使用 State Management 來觸發 Dark Mode

如果你曾經碰過前端框架如 React 或是 Vue，應該都會接觸過 Redux 或 Vuex 這類的狀態管理工具，在 Flutter 中也存在這類的工具。例如很...

Micro Jordan ‧ 2023-10-07 ‧團隊啾嚕咕嚕跳起來
0 Like 0 留言 402 瀏覽
鐵人賽 Mobile Development DAY 22
探索 Flutter 由裡到外，三十天帶你前往進階 系列 第 22 篇

技術 Day 22: 帶你完整探索 DevTools，重要的 CPU Profiler、Memory 與 Logging (Debugging with DevTools - part2)

來到了 DevTools 系列的第二章，上一篇我們講解了 Flutter Inspector 與 Performance 用法，使用工具瀏覽 Widget T...

Yii Chen ‧ 2023-10-07
0 Like 0 留言 326 瀏覽
鐵人賽 Mobile Development DAY 29
無職轉生～在資工系就拿出真本事٩(๑•̀ω•́๑)۶【Flutter Go in 30 Days】 系列 第 29 篇

技術 無職轉生～在資工系就拿出真本事٩(๑•̀ω•́๑)۶【Flutter Go in 30 Days】：Day29 灑一點滾動效果做調味，Scrolling parallax effect滾動視差效果

肆、Create a scrolling parallax effect 參見:Create a scrolling parallax effect 當我們...

xianyu ‧ 2023-10-07 ‧團隊卍乂煞氣a工程師乂卍
0 Like 0 留言 234 瀏覽
鐵人賽 Mobile Development DAY 21
Flutter 從零到實戰 - 30 天の學習筆記 系列 第 21 篇

技術 [Day 21] 實戰新聞 APP - 認識 CupertinoListSection 與 CupertinoListTile

我們今天要來實作個人檔案頁面。在實作之前，我們先來看看在 iOS 中的設定畫面風格。我們觀察到： 背景顏色並不是純白色，而是很淺的灰色。在 Cupertino...

Micro Jordan ‧ 2023-10-06 ‧團隊啾嚕咕嚕跳起來
0 Like 0 留言 535 瀏覽
鐵人賽 Mobile Development DAY 21
探索 Flutter 由裡到外，三十天帶你前往進階 系列 第 21 篇

技術 Day 21: 帶你完整探索 DevTools， Flutter Inspector 與 Performance 用法 (Debugging with DevTools - part1)

大家對於 DevTools 還熟悉嗎？專屬於 Flutter 的 Debugging 工具，本身也是使用 Flutter 進行開發，以這工具來看，就可以知道...

Yii Chen ‧ 2023-10-06
1 Like 0 留言 410 瀏覽
鐵人賽 Mobile Development DAY 28
無職轉生～在資工系就拿出真本事٩(๑•̀ω•́๑)۶【Flutter Go in 30 Days】 系列 第 28 篇

技術 無職轉生～在資工系就拿出真本事٩(๑•̀ω•́๑)۶【Flutter Go in 30 Days】：Day28 灑一點滾動效果做調味，Achieve fancy scrolling 每周天氣預報頁面

參、Achieve fancy scrolling: 每周天氣預報頁面展示 參見: https://docs.flutter.dev/ui/layout/sc...

xianyu ‧ 2023-10-06 ‧團隊卍乂煞氣a工程師乂卍
iThome鐵人賽
參賽組數
1123 組
團體組數
52 組
累計文章數
23096 篇
完賽人數
656 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 python windows php c# windows server linux css 程式設計 react vue.js
熱門問題
熱門回答
熱門文章
IT邦幫忙