iT邦幫忙

#flutter相關文章
共有 79 則文章
鐵人賽 自我挑戰組 DAY 29

技術 [鐵人賽 Day 29] Kotlin & Flutter 比較 JSON 轉換為 data class 的方式

目的 比較 Kotlin & Flutter 接收到 JSON 格式資料轉換為 data class 的方式 例子 由JSON 字串 {"na...

鐵人賽 自我挑戰組 DAY 28

技術 [鐵人賽 Day 28] Kotlin & Flutter WebView 元件 - 如何知道 WebView 曾開啟的歷史頁面

前言 WebView 元件為可載入網頁的元件,有時會需要知道 WebView 元件頁面切換的歷史狀態,所以本篇來討論實際作法的概略方向。 目的 比較 Kotli...

鐵人賽 自我挑戰組 DAY 27

技術 [鐵人賽 Day 27] Kotlin & Flutter 頁面切換 - 如何取得頁面切換後返回的值

目的 比較 Kotlin & Flutter 取得頁面切換後返回的值 的方式 比較表格 Kotlin Flutter 如何取得頁面切換後...

鐵人賽 自我挑戰組 DAY 26

技術 [鐵人賽 Day 26] Kotlin & Flutter 頁面切換 - 返回上上頁流程 Stack 變化示意圖

前言 我在寫比較表格的時候,仔細想想覺得在 Kotlin 實例 和 Flutter 頁面切換實例流程結果雖然一樣,實際上最終的 Stack 狀態也是一樣的,但是...

鐵人賽 自我挑戰組 DAY 25

技術 [鐵人賽 Day 25] Kotlin & Flutter 頁面切換 - 統整返回上上頁方法差異

目的 統整 Kotlin & Flutter 返回上上頁方法差異 Kotlin & Flutter 差異比較表格 Kotlin Flut...

鐵人賽 自我挑戰組 DAY 24

技術 [鐵人賽 Day 24] Kotlin & Flutter 頁面切換 - 返回上個頁面時,如何返回上上頁 (二)

目的 比較 Kotlin & Flutter 返回上個頁面時,如何改成返回上上頁 範圍 討論 Kotlin 原本返回上個頁面的功能,如何改成返回上上頁...

鐵人賽 自我挑戰組 DAY 23

技術 [鐵人賽 Day 23] Kotlin & Flutter 頁面切換 - 返回上個頁面時,如何返回上上頁 (一)

目的 比較 Kotlin & Flutter 返回上個頁面時,如何改成返回上上頁 說明 今天先討論 Flutter 如何完成返回上上頁的流程,明天則討論...

鐵人賽 自我挑戰組 DAY 22

技術 [鐵人賽 Day 22] Kotlin & Flutter 頁面切換方式比較

目的 討論 Kotlin & Flutter 頁面切換方式差異 例子 第一頁切換到第二頁 第二頁返回第一頁 "頁面切換"定義...

鐵人賽 自我挑戰組 DAY 21

技術 [鐵人賽 Day 21] Kotlin & Flutter 頁面建立思考差異

目的 比較 Kotlin & Flutter 頁面建立概念差異 Kotlin & Flutter 頁面建立思考差異比較表格 Kotlin...

鐵人賽 自我挑戰組 DAY 20

技術 [鐵人賽 Day 20] Kotlin & Flutter 元件比較(四) - 一頁一頁滑動元件實例

目的 比較 Kotlin & Flutter 一頁一頁滑動元件實際使用方式差異 例子 需以水平滑動方式顯示頁面,共顯示三頁,每一頁顯示"這是第...

鐵人賽 自我挑戰組 DAY 19

技術 [鐵人賽 Day 19] Kotlin & Flutter 元件比較(四) - 常見的可滑動元件名稱統整

範圍 Kotlin & Flutter 常見的可滑動元件 目的 比較並統整 Kotlin & Flutter 可滑動元件常見使用原因和元件名稱...

鐵人賽 自我挑戰組 DAY 17

技術 [鐵人賽 Day 17] Kotlin & Flutter 元件比較(三) - 佈局相關常用元件實例補充

目的 補充 Kotlin & Flutter 堆疊排列元件實例 Kotlin 需修改兩個layout檔案 使用 FrameLayout lay...

鐵人賽 自我挑戰組 DAY 16

技術 [鐵人賽 Day 16] Kotlin & Flutter 元件比較(三) - 佈局相關常用元件實例

範圍 討論以下三種排列方式的布局元件:1.垂直排列2.橫向排列3.網格排列 目的 比較類似功能的布局元件,於 Kotlin & Flutter 間的實作...

鐵人賽 自我挑戰組 DAY 5
簡易跨平台記事白板 系列 第 5

技術 [Day 5] [flutter] multi-platform white board -- screen widget

preface We've finished the basic CRUD system on the frontend. And i've tested it...

鐵人賽 自我挑戰組 DAY 15

技術 [鐵人賽 Day 15] Kotlin & Flutter 元件比較(三) - 佈局相關常用元件名稱

討論範圍 與佈局相關的元件,ex: 網格排列等等... 目的 針對相同佈局功能,比較 Kotlin & Flutter 所對應的元件名稱 Kotlin...

鐵人賽 自我挑戰組 DAY 14

技術 [鐵人賽 Day 14] Kotlin & Flutter 元件比較(二) - ListView 如何動態更新內容

目的 以先前範例比較 Kotlin & Flutter ListView 動態更新內容方式 Kotlin 修改以下四個檔案: MainActivi...

鐵人賽 自我挑戰組 DAY 13

技術 [鐵人賽 Day 13] Kotlin & Flutter 元件比較(二) - ListView 如何知道被點擊的項目為何

前言 將我目前鐵人賽針對 ListView 寫的內容和 Flutter 官方針對 Android 開發者所寫的文件比較了一下,發現還缺了兩項重要的內容,詳細內容...

鐵人賽 自我挑戰組 DAY 12

技術 [鐵人賽 Day 12] Kotlin & Flutter 元件比較(二) - ListView 使用比較統整

目的 由以下實例比較 Kotlin 和 Flutter ListView 元件使用差異: Kotlin ListView 實例 Flutter List...

鐵人賽 自我挑戰組 DAY 1
簡易跨平台記事白板 系列 第 1

技術 [Day 1] [flutter] multi-platform white board

DAY1前言 前言 小弟為大三本科生 實務經驗在兩-三年 不太會讀書 喜歡實務 全是感情毫無技巧。對鐵人賽早有耳聞 非常崇拜各位神人在每天繁忙的生活中還能抽出時...

鐵人賽 自我挑戰組 DAY 10

技術 [鐵人賽 Day 10] Kotlin & Flutter 元件比較(二) - Kotlin ListView 實例

目的 示範 Kotlin ListView 實際例子,方便後續與 Flutter ListView 實際例子比較 實例主題 用 ListView 元件列出書名、...

鐵人賽 自我挑戰組 DAY 8

技術 [鐵人賽 Day 8] 統整 Kotlin & Flutter 基礎元件比較表格

背景 前兩篇分享了 Kotlin & Flutter 各自的基礎元件應用實例,實例結果都是如下畫出同個畫面: Kotlin 基礎元件應用實例結果截...

鐵人賽 自我挑戰組 DAY 7

技術 [鐵人賽 Day 7] Kotlin & Flutter 元件比較(一) - Flutter 基礎元件應用實例

討論範圍 Flutter 基礎元件應用 目的 由 Flutter 基礎元件組合成常見應用實例 範例中使用的元件清單:Card , Text , Image, I...

技術 Flutter入門教學 – 最基礎的8個Widget

如果你是一個剛開始學習或是準備要開始嘗試Flutter的人,但卻不知道要從哪裡開始下手,這邊會提供一些常用且實用的Widget來幫助大家入門! 1. Sca...

技術 [Week 3] Flutter - InheritedWidget 介紹

當我們與 UI (使用者介面)互動時,會改變資料,進而有儲存資料的需求。 這時候要考慮一些事情: 這些資料要短暫的儲存、還是要存放久一點?我們會先把狀態分類成...

徵才 「委外」使用Flutter二次開發IM APP

◎工作內容描述:使用Flutter對FluffyChat這個通訊軟體進行二次開發 (1)界面修改成跟微信的相似 (2)增加用戶點數管理和交易功能 ◎聯絡方式:k...

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

技術 dart&flutter學習之旅-Day25

Use themes to share colors and font styles 使用theme可以在整個App中共享顏色和字型,你也可以定義app-wid...

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

技術 dart&flutter學習之旅-Day23

snackbar snackbar可以在使用者執行操作後簡短地通知使用者,用以下3步可以快速建立snackbar 建立Scaffold 顯示snackbar...

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

技術 dart&flutter學習之旅-Day19

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

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

技術 dart&flutter學習之旅-Day18

前言 今天會把flutter裡常見的layout都介紹完畢 Stack 使用Stack widget可以將widget重疊在另一個widget上 childr...

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

技術 dart&flutter學習之旅-Day16

Packing widgets 預設情況下,row或column沿其main axis會使用盡可能多的空間,但如果你想把children widget緊緊地包在...