[Flutter] HttpClient
現在手機主要功能就是拿來上網，所以任何 App 基本上都會需要透過網路存取資料，此時 Flutter 可以怎麼操作呢？使用內建 io package 就可搞定！🙃
我特地寫一個近年來很夯的比特幣查價系統，可以隨時查看多家交易平台上比特幣的實價，也許還可以進一步變成「搬磚」工具！
只要點擊藍色按鈕，就能即時取得多家交易所比特幣的實價。
（繼續閱讀…）Posts tagged ‘Flutter’
[Flutter] Const 與 Final 差異
學習 Flutter 來寫 App，一開始可以先了解 Dart 語法如何使用，像是我會認為 Const 和 Final 是差不多的 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。
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，即可做出華麗的漸變過程。
此為最初的狀態。
（繼續閱讀…）
逍遙文工作室 
HappyMan・迴響