前言 今天要介紹flutter cookbook裡的list技巧,list相關的技巧也非常容易被使用到 Create a grid list 有時候可能會想用g...
Today Preview 1. 正文 昨天打了好多字...今天輕鬆一下講點跳頁 主要分成兩大類app間切換 跟 app內切換然後app內切換又分成由右往左...
Work with tabs 使用Tab搭配App也是一種在flutter非常常見的用法,總共有以下3步可以建出tab: 創建TabController 創建...
Today Preview 1. 正文 前幾天介紹的List是一維列表而今天要介紹的二維表格是使用LazyVGrid(垂直) or LazyHGrid(水平)...
Use themes to share colors and font styles 使用theme可以在整個App中共享顏色和字型,你也可以定義app-wid...
Today Preview List三部曲完結篇了 1. 下拉刷新+搜尋 下拉刷新的話很單純,請用.refreshable(),一句話講完搜尋的話有個前提是必...
從package輸出字型 雖然flutter提供很多方便的字型可以用在text widget上,但沒有我們想要的字型時還是可以使用別人提供的字型,尤其將字型設成...
snackbar snackbar可以在使用者執行操作後簡短地通知使用者,用以下3步可以快速建立snackbar 建立Scaffold 顯示snackbar...
Today Preview 今天是列表二部曲講講List的一些特色應用我個人的認知等等要提到的側滑/編輯/多選,才會是SwiftUI中使用List的主要理由因...
Today Preview 1. 正文 終於來到本系列的重頭戲List了身為一個TableView工程師這就是我們最重要的工作XDD 但其實List在Swif...
前言 今天會進到flutter cookbook的design環節,我會把常用的design介紹一下,希望能讓各位使用者設計出更好的UI Add a Drawe...
Today Preview 1. 正文 今天偷懶一下簡單講個ScrollView就好 1.1 ScrollView,預設vertical如果是vertical...
將container裡的屬性動畫化 Container class提供了方便的方法來創建具有特定屬性的widget:寬度、高度、背景顏色、填充、邊框等。簡單的動...
Today Preview 今天要講Image Picker但滿巧的,SwiftUI跟Fluter一樣:原生並沒有提供Image Picker???(But...
Fade a widget in and out UI 開發人員經常需要在螢幕上顯示和隱藏內容。但在屏幕上快速彈入或彈出元素可能會讓使用者感到不適。所以使用不透...
前言 今天會開始介紹flutter cookbook的內容,flutter cookbook是一連串進階技術的教學,我會先從flutter動畫開始介紹 Anim...
Today Preview 1. 正文 其實基本的佈局不外乎就是3Stack + padding今天談一些輔助佈局的東西 1.1 前面某集有提到SwiftU...
Today Preview 1. 正文 1.1 Group SwiftUI的Group主要用途是拿來幫Group裡的每個View都加上相同的效果或是拿來突破V...
前言 今天會把flutter裡常見的layout都介紹完畢 Stack 使用Stack widget可以將widget重疊在另一個widget上 childr...
Today Preview 1. 我一開始是這麼寫的但是Shape們並不直接Conform View這個Protocol所以變成AnyView之後型別被擦除...
GridView gridview可以以二維List的方式排列widget們,gridview有兩種預設的list,或是你可以客製化自己要的grid。gridv...
Today Preview 首先,SwiftUI的Color跟Flutter的顏色不同⚠️⚠️⚠️(跟一般常見的顏色也不同)它是一個像View的東西(雖然它不...
Packing widgets 預設情況下,row或column沿其main axis會使用盡可能多的空間,但如果你想把children widget緊緊地包在...
Today Preview 1. 正文 今天介紹一些比較輕量或少見的控件(Control)請搭配code服用 1. Toggle 因為我那時候不知道有.la...
Sizing widgets 如果widget太大,例如圖片太大張導致畫面放不下的時候,可以使用Expanded widget去把尺寸太大的widget包進去,...
Today Preview 1. 正文 今天介紹Alert(或是更多時候大家會叫他Dialog)還有一個跟Alert很像的東西以前在UIKit叫ActionS...
Lay out multiple widgets vertically and horizontally 最常見的lay out模式就是將很多widget用水平...
Today Preview 1. 正文 今天也是屬於比較單純的日子主要就是給各位看看Data Picker有哪幾種style分成 .compact .whee...
Today Preview 1. 正文 SwiftUI超多picker的總共有五種default, menu, segmented, wheel, inlin...
Non-Material apps 對於non-material app,你可以將center widget加到app的build() method裡面,但由於...