[Flutter] 排版應用介紹

17 mins.

作為一名主要開發平台為網頁的開發者,進入 Flutter 世界的開發體驗讓我發現元件結構是最需要適應的地方。在網頁開發中,我們可以透過 CSS 樣式來控制元素的排版,包括長寬、內外邊距,甚至彈性佈局 (flex) 或網格系統 (grid) 等。除非使用定位 (position),否則所有元素都處於同一層級。然而在 app 中,每個元素都被當作不同的「層」來處理,因此為了達到類似網頁的效果,必須使用不同的元件進行組合。

[Flutter] SVG應用

4 mins.

在網頁使用 icon 的時候,會想要採用 svg,主要原因是可以渲染並且不會失真,而且可以做動態渲染的效果,接下來看看如何在 flutter 使用 svg 來開發。

[flutter] 在 GoRoute 中使用 NavigationBar

18 mins.

在 App 中通常會把主要的幾個頁面放在下方 icon,讓使用者能夠方便操作,這個元件在 flutter 中稱為 BottomNavigationBar
GoRouter 是 Flutter 官方所提供的套件,可以用來整合整個專案的路由,當這兩個功能整合在一起的時候,一個不小心呈現出來的效果就會差很多。