iT邦幫忙

flutter相關文章
共有 613 則文章
鐵人賽 Mobile Development DAY 10

技術 Day 10 認識內建組件 Widgets

Text Text( "文字", style: TextStyle(color: Colors.red, fontSize: 14),...

鐵人賽 Mobile Development DAY 9

技術 Day 9 Widget 與使用者介面

狀態和無狀態組件(Widget) 前面我們已經了解 Widget 在 Flutter 的角色和其重要性 - Every thing is Widget, Wid...

鐵人賽 Mobile Development DAY 8

技術 Day 8 Dart 深入探索 Flutter 常用特性

檔案和匯入 注意我們的 Flutter 專案結構,會注意到有個檔案叫 lib/main.dart 裡面包含了一個類別 MyApp。這裡要提到的是,不像一些其他程...

鐵人賽 Mobile Development DAY 7

技術 Day 7 Dart 物件導向 (下)

類別的基本結構 如果你有經驗且熟悉 OOP 語言,那麼類別概念應該不會太陌生,可以跳過這章節很多段落。但 Dart 在一些細節上還是有其獨特之處,例如 Dart...

鐵人賽 Mobile Development DAY 6

技術 Day 6 Dart 物件導向 (上)

類別 Class 和結構 在 Dart 中所有東西都是一個物件 - 每一個儲存在變數的「值」都是某個類別的物件實例。所有物件都繼承自 Object 類別。這種設...

鐵人賽 Mobile Development DAY 5

技術 Day 5 Dart 基礎 (下)

在 Dart ,Flutter 的程式設計中,控制流程和迴圈同樣是非常基本且重要的概念,Dart 的控制流程語法基本上和其他語言非常類似,當然也存在一些獨特之處...

鐵人賽 Mobile Development DAY 4

技術 Day 4 Dart 基礎 (上)

本篇內容我們將開始介紹 Dart 的一些基礎知識以及在使用 Flutter 時常見的語法或功能。畢竟,我們的目標是開發 Flutter 應用程式。 Googl...

鐵人賽 Mobile Development DAY 3

技術 Day 3 快速入門

為了對 Flutter 專案有個大略的認識,下面我們將快速實作一個簡單的應用。 建立專案 $ flutter create my_app # 或者使用更多參數...

鐵人賽 Mobile Development DAY 2

技術 Day2 Flutter 跨平台解決方案與環境安裝

Flutter 概述 隨著行動裝置和其應用程式在日常生活變得不可獲缺,開發者或對於企業來說同時支援多種平台成為了一個需求,進而導致開發者追尋一種解決方案 - 可...

鐵人賽 Mobile Development DAY 1

技術 Day 1 源起 & 大綱

從 10 年前一腳踏入 React 的世界 (Reactjs 30 天邊做邊學系列) ,當時被其革命性的功能吸引,自然而然之後在跨平台 Mobile 應用程式...

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

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

技術 【Flutter】筆記-Image應用

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

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

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

技術 【Flutter】Text組件應用

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

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

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

徵才 【亞洲徵才】MaskEX 交易所專案技術團隊(工作地點:日本)

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

鐵人賽 Mobile Development DAY 30

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

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

鐵人賽 Mobile Development DAY 30

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

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

鐵人賽 Mobile Development DAY 29

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

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

鐵人賽 Mobile Development DAY 29

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

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

鐵人賽 Mobile Development DAY 28

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

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

鐵人賽 Mobile Development DAY 28

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

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

鐵人賽 Mobile Development DAY 27

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

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

鐵人賽 Mobile Development DAY 27

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

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

鐵人賽 Mobile Development DAY 26

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

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

鐵人賽 Mobile Development DAY 26

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

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

鐵人賽 Mobile Development DAY 25

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

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

鐵人賽 Mobile Development DAY 25

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

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

鐵人賽 Mobile Development DAY 24

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

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