技術 [鐵人賽 Day 1] 為什麼需要思考比較 Kotlin & Flutter App 開發

背景 個人原本專長是寫 Android App，但現在工作內容以雙系統 App 開發為主，開發時主要用到 Kotlin (Android 開發) 和 Flutt...

技術 Day1-實作To-Do-List之建立ＵＩ介面及AutoLayout

這次的鐵人賽之所以挑戰實作，並不是為了磨練技術，而是為了鍛鍊自己的表達能力以及訓練自己如何說出別人聽得懂的程式語言，在與其他人的交流之中發現，自己對於自己的問...

技術 Day2-建立資料模型並實作表格清單

昨天做完了ＵＩ介面以及AutoLayout，今天開始新增資料模型以及表格清單實作的部分。 PS:將系統送給你的ViewController先改成ListVie...

技術 [鐵人賽 Day 3] Kotlin & Flutter 建立元件的方式(二) - 按鈕觸發事件改變元件狀態

討論範圍 比較 Kotlin 和 Flutter 按鈕觸發事件改變 View 的差異之處。 範例 以點選按鈕後變動文字顏色為例，EX: 文字 "阿寶&...

技術 [鐵人賽 Day 2] Kotlin & Flutter 建立元件的方式(一) - 文字元件

討論範圍 比較 Kotlin 和 Flutter 建立 View 的差異之處。 範例 以建立文字 "阿寶" 為例。 Kotlin 檔案...

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

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

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

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

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

目的 示範 Flutter ListView 實際例子 實例主題 用 ListView 元件列出書名、作者和購買日期 以下為完成畫面截圖： Flutter...

技術 [鐵人賽 Day 18] Kotlin & Flutter 改變元件狀態方法比較

前言 回顧前幾篇寫的鐵人賽文章內容，個人覺得需要強調說明關於改變元件狀態的部分，因為這是 Kotlin & Flutter 在建立元件蠻重要的差異。 目...

技術 [鐵人賽 Day 5] Kotlin & Flutter 元件比較(一) - 與畫面顯示相關的基礎元件名稱列表

目的 列出 Kotlin 和 Flutter 中相同功能的基礎元件名稱(畫面顯示相關元件)。 畫面呈現 元件呈現畫面 用途 Kotlin Flutter...

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

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

技術 [鐵人賽 Day 9] Kotlin & Flutter 元件比較(二) - ListView 元件用法概要

討論範圍 Kotlin & Flutter ListView 元件使用方式 目的 比較 Kotlin & Flutter ListView 元件...

技術 [鐵人賽 Day 4] 統整 Kotlin & Flutter 建立元件與改變元件狀態方式比較

討論範圍 統整 Kotlin & Flutter 建立元件與改變元件狀態方式比較。 比較方式 設定相同元件與相同元件狀態改變流程，以討論在寫兩種語言時的...

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

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

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

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

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

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

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

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

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

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

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

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