Just My Life & My Work

[Flutter] pdf package

最近需要將報告輸出成 PDF 檔,Flutter 可以怎麼做呢?很簡單地使用 pdf package

PDF 檔是用於交換訊息最知名的檔案格式,因為內容不能輕易地被更改,如此能夠保護我們的內容。

我們先來看 Demo 的畫面~

藍色按鈕為建立 PDF 檔且儲存到 App 中,然後刷新畫面,顯示 PDF 檔內容。

繼續閱讀文章 »

[Flutter] FutureBuilder Widget

現在 App 應用幾乎都會連線網路,於是非同步取得資料是必備的執行方式,在 Flutter 我們可以使用 FutureBuilder Widget。😎

繼續閱讀文章 »

[Flutter] GridView Widget

我很常使用 IG 來張貼自己的生活美食照片,IG 在個人頁面是以一列三行的方式排列。在 iOS 這樣的排列元件叫做 CollectionView,而在 Flutter 中則叫為 GridView。

以類似 Instagram 排列方式呈現

GridView Widget 相當好實現,比原生容易太多。🤠

繼續閱讀文章 »

[Flutter] ListView Widget

將一系列資料顯示在螢幕上,是我們很常遇到的使用情境,在 iOS 上是叫做 TableView,而在 Flutter 則叫為 ListView,我們可以做出非常類似的 UI/UX。

ListView Widget 將很好使用。🤠

繼續閱讀文章 »

[Flutter] CustomPaint Widget

有時候我們需要在螢幕上繪圖,可以想像有著各式各樣畫筆、顏色、粗細等工具,此時我們可以怎麼做呢?🤔

可以使用 CustomPaint Widget,讓我們在畫布上隨意繪圖。

先來秀出我們最後的成果:

可以見到螢幕上有個黃色正方形,裡頭又有個綠色三角形。

繼續閱讀文章 »

[Flutter] AnimatedContainer Widget

我們時常要變更介面,希望有平滑的轉場效果,此時可以使用 AnimatedContainer Widget

過去我們都會使用 Container,現在只要將它替換為 AnimatedContainer Widget,即可做出華麗的漸變過程。

此為最初的狀態。

繼續閱讀文章 »

[Flutter] Wrap Widget

我們在排列介面時,時常會使用 Row 或 Column,但有時候會超出螢幕,此時該怎麼辦呢?🤔

我們可以改用 Wrap Widget,它擁有跟 Row 或 Column 類似的一些屬性,某些狀況是可以取代之。

以下截圖,是以 Row 和 Column 為例。

可見到右邊和下面介面超出顯示範圍。

繼續閱讀文章 »

又到了每年 228 事件的前夕,到底真相是什麼呢?

現在的媒體多數已不再公正,如何辨別其所報導的內容是否為真相,其實是滿困難的!

去年我有提到關於228事件真相,跟我小時候教科書上描述的有很大的差異,可能只是表現一小部分的真實,卻有一大部分的事實被隱藏。

如下面這張圖,就知道我所想表達的~🧐

小時候對 228 事件的了解,最深刻的就是「查緝私菸」,現在思考起來,怎會一個查緝私菸事件,就能釀成全台灣的悲劇?查緝私菸應只是其中一個事件,那麼源頭是什麼?

廣告

在我看完一個外省人親歷二二八的回憶,總結情境與角色會是:

戰敗的日本人(包含被日化的台人)不甘心而惹事生非,嚴重到見人(外省人)就砍殺,國民軍見到慘狀,拔槍射殺來制止。

接下來看親生經歷的前輩所描述⋯⋯對了,還有一點,讓我相信此前輩所述為真,為什麼呢?看到最後就知道囉~😌

繼續閱讀文章 »

[Flutter] Expanded Widget

使用 Expanded Widget 有何效果?Flutter 的 Expanded 更改了行和列子級的約束,指示它們填充可用空間。於是把 Child 包裹在 Expanded 中,看著它成長!😎

繼續閱讀文章 »

[Flutter] SafeArea Widget

現在智慧手機裝置有各種型號(iOS 和 Android),總有些時候,靠邊(上、下、左、右)的地方會被遮擋,那麼我們怎麼排除此問題呢?🤔

此時可以使用 SafeArea Widget

我以 iPhone 11 為例,可以看到截圖上的字被狀態列給蓋住。

繼續閱讀文章 »

標籤雲