最近需要將報告輸出成 PDF 檔，Flutter 可以怎麼做呢？很簡單地使用 pdf package。
PDF 檔是用於交換訊息最知名的檔案格式，因為內容不能輕易地被更改，如此能夠保護我們的內容。
我們先來看 Demo 的畫面～
藍色按鈕為建立 PDF 檔且儲存到 App 中，然後刷新畫面，顯示 PDF 檔內容。
繼續閱讀文章 »[Flutter] pdf package
2022 年 02 月 21 日
[Flutter] FutureBuilder Widget
2022 年 02 月 20 日
[Flutter] GridView Widget
2022 年 02 月 19 日
我很常使用 IG 來張貼自己的生活美食照片，IG 在個人頁面是以一列三行的方式排列。在 iOS 這樣的排列元件叫做 CollectionView，而在 Flutter 中則叫為 GridView。
GridView Widget 相當好實現，比原生容易太多。🤠
繼續閱讀文章 »[Flutter] ListView Widget
2022 年 02 月 18 日
將一系列資料顯示在螢幕上，是我們很常遇到的使用情境，在 iOS 上是叫做 TableView，而在 Flutter 則叫為 ListView，我們可以做出非常類似的 UI/UX。
ListView Widget 將很好使用。🤠
繼續閱讀文章 »[Flutter] CustomPaint Widget
2022 年 02 月 17 日
有時候我們需要在螢幕上繪圖，可以想像有著各式各樣畫筆、顏色、粗細等工具，此時我們可以怎麼做呢？🤔
可以使用 CustomPaint Widget，讓我們在畫布上隨意繪圖。
先來秀出我們最後的成果：
可以見到螢幕上有個黃色正方形，裡頭又有個綠色三角形。
繼續閱讀文章 »[Flutter] AnimatedContainer Widget
2022 年 02 月 16 日
我們時常要變更介面，希望有平滑的轉場效果，此時可以使用 AnimatedContainer Widget。
過去我們都會使用 Container，現在只要將它替換為 AnimatedContainer Widget，即可做出華麗的漸變過程。
此為最初的狀態。
繼續閱讀文章 »[Flutter] Wrap Widget
2022 年 02 月 15 日
我們在排列介面時，時常會使用 Row 或 Column，但有時候會超出螢幕，此時該怎麼辦呢？🤔
我們可以改用 Wrap Widget，它擁有跟 Row 或 Column 類似的一些屬性，某些狀況是可以取代之。
以下截圖，是以 Row 和 Column 為例。
可見到右邊和下面介面超出顯示範圍。
繼續閱讀文章 »一個外省人親歷二二八的回憶
2022 年 02 月 14 日
又到了每年 228 事件的前夕，到底真相是什麼呢？
現在的媒體多數已不再公正，如何辨別其所報導的內容是否為真相，其實是滿困難的！
去年我有提到關於228事件真相，跟我小時候教科書上描述的有很大的差異，可能只是表現一小部分的真實，卻有一大部分的事實被隱藏。
如下面這張圖，就知道我所想表達的～🧐
小時候對 228 事件的了解，最深刻的就是「查緝私菸」，現在思考起來，怎會一個查緝私菸事件，就能釀成全台灣的悲劇？查緝私菸應只是其中一個事件，那麼源頭是什麼？
廣告
在我看完一個外省人親歷二二八的回憶，總結情境與角色會是：
戰敗的日本人（包含被日化的台人）不甘心而惹事生非，嚴重到見人（外省人）就砍殺，國民軍見到慘狀，拔槍射殺來制止。
接下來看親生經歷的前輩所描述⋯⋯對了，還有一點，讓我相信此前輩所述為真，為什麼呢？看到最後就知道囉～😌
繼續閱讀文章 »[Flutter] Expanded Widget
2022 年 02 月 13 日
使用 Expanded Widget 有何效果？Flutter 的 Expanded 更改了行和列子級的約束，指示它們填充可用空間。於是把 Child 包裹在 Expanded 中，看著它成長！😎
[Flutter] SafeArea Widget
2022 年 02 月 12 日
現在智慧手機裝置有各種型號（iOS 和 Android），總有些時候，靠邊（上、下、左、右）的地方會被遮擋，那麼我們怎麼排除此問題呢？🤔
此時可以使用 SafeArea Widget。
我以 iPhone 11 為例，可以看到截圖上的字被狀態列給蓋住。
繼續閱讀文章 »
逍遙文工作室 
HappyMan・迴響