Just My Life & My Work

Posts tagged ‘Flutter’

[Flutter] HttpClient

現在手機主要功能就是拿來上網,所以任何 App 基本上都會需要透過網路存取資料,此時 Flutter 可以怎麼操作呢?使用內建 io package 就可搞定!🙃

我特地寫一個近年來很夯的比特幣查價系統,可以隨時查看多家交易平台上比特幣的實價,也許還可以進一步變成「搬磚」工具!

只要點擊藍色按鈕,就能即時取得多家交易所比特幣的實價。

(繼續閱讀…)

[Flutter] pdf package

接續上一篇 pdf package 教學文章,已經加入文字,現在我想繼續加入圖片,可以怎麼做呢?🤔

先來看一下顯示截圖~

(繼續閱讀…)

[Flutter] Const 與 Final 差異

學習 Flutter 來寫 App,一開始可以先了解 Dart 語法如何使用,像是我會認為 ConstFinal 是差不多的 Keyword,但實際上呢?

我們直接看以下的例子,就判斷是怎樣的差異,未來寫程式可以更精確地使用-不會被改變的值、物件、類別。🙃

(繼續閱讀…)

[圖解] Flutter 的流行趨勢及特色

觀察一件事情的流行趨勢,可以從比較與其相關的項目著手,而以 Flutter 的角色來看,React Native 會是相當重要的對手。我特地到 Google Trend 比較 Flutter 和 React Native 搜尋熱度的趨勢變化,時間從 Flutter 最初被釋出的時刻 2017 年開始。

可以見到以下趨勢圖變化,Flutter 在 2019 年開始逐漸超越 React Native,看來 Flutter 是後來居上,一直到了 2021 年~我非常期待之後的變化。🤩

2021 年上半年,我因緣際會要協助一個 Flutter 專案,橋接 iOS 原生語言的 In App Purchase 功能,才接觸 Flutter 相關知識內容。到了下半年,更有公司專案負責人,找我協助在 Flutter 專案上新增功能,於是我更有機會實際使用 Flutter 來開發 App。

(繼續閱讀…)

[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,即可做出華麗的漸變過程。

此為最初的狀態。

(繼續閱讀…)

標籤雲

%d 位部落客按了讚: