[Flutter] Wrap Widget
我們在排列介面時，時常會使用 Row 或 Column，但有時候會超出螢幕，此時該怎麼辦呢？🤔
我們可以改用 Wrap Widget，它擁有跟 Row 或 Column 類似的一些屬性，某些狀況是可以取代之。
以下截圖，是以 Row 和 Column 為例。
可見到右邊和下面介面超出顯示範圍。
（繼續閱讀…）Posts tagged ‘Flutter’
[Flutter] Expanded Widget
使用 Expanded Widget 有何效果？Flutter 的 Expanded 更改了行和列子級的約束，指示它們填充可用空間。於是把 Child 包裹在 Expanded 中，看著它成長！😎
[Flutter] SafeArea Widget
現在智慧手機裝置有各種型號（iOS 和 Android），總有些時候，靠邊（上、下、左、右）的地方會被遮擋，那麼我們怎麼排除此問題呢？🤔
此時可以使用 SafeArea Widget。
我以 iPhone 11 為例，可以看到截圖上的字被狀態列給蓋住。
（繼續閱讀…）[Flutter] 學習路線圖 (Flutter Roadmap)
Flutter 最近幾年開始火熱起來，由於它優越的特性（UI/UX 與原生一致、開發效率快等），讓我對它有所期待，比起我曾嘗試的 Xamrin 和 Ionic 還要有潛力和遠景。
那麼要怎麼開始學習 Flutter 呢？因為每個人的背景基礎都不太一樣，肯定不能照同一套路進行。像我從 2012 年開始開發 iOS App，已經非常熟習 Native 語言來開發，無論什麼 App 只要有心都能獨自一人完成！那麼對我來說，大致上會需要去學習新的程式語言 Dart、設計架構、調試方法等等，同時也需要去接觸另一平台 Android 的相關技術。
（繼續閱讀…）[Flutter] 使用 Dart FFI 呼叫 C 程式
由於 Flutter 是剛發展沒多久的程式語言，所以會遇到平台程式語言（Objective-C/Swift/Jave/Kotlin）有實作的功能，但 Flutter 還沒有的狀況，若我們不想要花時間開發，我們可以透過 Platform Channel，來直接使用平台的功能。🤪
還有另一種狀況，就是原生語言（C/C++）有實作的功能，但 Flutter 還沒有的狀況，此時我們可以使用什麼？Dart FFI。
今天要來學習 Dart FFI。Dart 是 Google 開發的程式語言，那麼什麼是 FFI 呢？
（繼續閱讀…）A foreign function interface (FFI) is a mechanism by which a program written in one programming language can call routines or make use of services written in another.
[Flutter] Flutter 簡介
要進入 Flutter 之前，就先來了解它為何會誕生，接著明白其特色與優缺點。讓我們能對它抱持著希望與期待，於日後開發 App 增添信心。🤗
Flutter 是 Google 推出並開源的行動應用開發框架，主打跨平台、高保真、高性能。開發者可以透過 Dart 語言開發 App，一套程式碼能夠同時執行在 iOS 和 Android 平台。Flutter 提供了豐富的套件、介面（接口），開發者可以很快地為 Flutter 新增 Native 擴展。同時 Flutter 還使用 Native 引擎渲染視圖，這相信能為用戶提供良好的體驗。
廣告
[Flutter] 原生與跨平台 (Native and Hybrid)
最近踏入跨平台開發，過去有開發過 Xamarin 和 Ionic 的我，原先對跨平台不屑一顧，不過在遇到 Flutter 之後，開始有不一樣的期待！為什麼呢？
第一，開發效率比其他跨平台程式語言還要好；第二，成果效能不輸給原生開發。
在此節錄高手的電子書內容，跟著前人的腳步學習，代表好的開始～😀
其實在幫忙維護公司產品時，覺得花太多時間在編譯上，每次編譯動輒一分鐘以上，若不小心動到核心檔案，編譯時間可能將近 5 分鐘，等待的過程我會滑手機，或是想著下一步要怎麼改動程式碼，行雲流水的思緒被中斷，實在不是很爽快呢～
因緣際會接觸了 Flutter 跨平台開發，第一次聽到 Flutter 是在港商公司，我的 Leader 耳聞 Google 最新跨平台技術誕生，就跟老闆提議可考慮用此技術來改善 UI/UX 不平衡的狀況。不久，老闆就裁掉 50 多人的 IT 部門，很快再招募新一批人馬，使用 Flutter 快速迭代開發，我看到上架到 App Store，下巴差點沒掉下來⋯⋯
如今已過兩年，Flutter 發展得比 React Native 還要蓬勃，想必是其有過人之處！😌
（繼續閱讀…）[Flutter] GridView.count
最近對 Flutter 開始感興趣，研究起來格外順暢，也許是因為我本身開發 iOS App，所以背景知識技術足夠跨越門檻。
這篇來展示我學習 GridView.count 的紀錄，實際上功能很類似 iOS 的 Collection View，GridView.count 在用法比較容易實作，真的很快！
開發階段，我還可以透過 Chrome 來 debug，比起要花時間編譯到實機或模擬器，Chrome 跑起來奇快無比呢～看來有 Google 老大哥扶持，很多事情都被簡化囉～😁
先來看一下我實現的畫面～
廣告
[iOS] Flutter 開發 App 初體驗
沒事千萬不要用最新的技術開發要真的上線的軟體，拿來把玩還可以啦～
這次是高中同學求救，因他公司產品是用 Flutter 來開發 App，想必是想要追求又快又狠又準的新技術，但是沒有考量到一些潛在的問題，其實早一點來找我諮詢，就可以避免掉要找我「救火」的狀況囉～
廣告
首先來了解我使用的開發環境與技術規格：
- MacOS Catalina 10.15.5
- Flutter 2.0.1
我急忙在短時間內寫好一個功能齊全的 ShopViewController，接著想辦法整合進對方的 Flutter 專案。
我問目前在博弈業的前同事，有無將 Swift 整合進 Flutter 的經驗，結果他跟我說是寫原生 Swift，真是誤會大了。
（繼續閱讀…）
逍遙文工作室 
HappyMan・迴響