iT邦幫忙

flutter相關文章
共有 581 則文章
鐵人賽 Mobile Development DAY 27
dart&flutter學習之旅 系列 第 27

技術 dart&flutter學習之旅-Day27

前言 今天要介紹flutter cookbook裡的list技巧,list相關的技巧也非常容易被使用到 Create a grid list 有時候可能會想用g...

鐵人賽 Mobile Development DAY 23

技術 Flutter Developer Learning SwiftUI. @State var lesson23 = "切換頁面"

Today Preview 1. 正文 昨天打了好多字...今天輕鬆一下講點跳頁 主要分成兩大類app間切換 跟 app內切換然後app內切換又分成由右往左...

鐵人賽 Mobile Development DAY 26
dart&flutter學習之旅 系列 第 26

技術 dart&flutter學習之旅-Day26

Work with tabs 使用Tab搭配App也是一種在flutter非常常見的用法,總共有以下3步可以建出tab: 創建TabController 創建...

鐵人賽 Mobile Development DAY 22

技術 Flutter Developer Learning SwiftUI. @State var lesson22 = "表格"

Today Preview 1. 正文 前幾天介紹的List是一維列表而今天要介紹的二維表格是使用LazyVGrid(垂直) or LazyHGrid(水平)...

鐵人賽 Mobile Development DAY 25
dart&flutter學習之旅 系列 第 25

技術 dart&flutter學習之旅-Day25

Use themes to share colors and font styles 使用theme可以在整個App中共享顏色和字型,你也可以定義app-wid...

鐵人賽 Mobile Development DAY 21

技術 Flutter Developer Learning SwiftUI. @State var lesson21 = "列表(下)"

Today Preview List三部曲完結篇了 1. 下拉刷新+搜尋 下拉刷新的話很單純,請用.refreshable(),一句話講完搜尋的話有個前提是必...

鐵人賽 Mobile Development DAY 24
dart&flutter學習之旅 系列 第 24

技術 dart&flutter學習之旅-Day24

從package輸出字型 雖然flutter提供很多方便的字型可以用在text widget上,但沒有我們想要的字型時還是可以使用別人提供的字型,尤其將字型設成...

鐵人賽 Mobile Development DAY 23
dart&flutter學習之旅 系列 第 23

技術 dart&flutter學習之旅-Day23

snackbar snackbar可以在使用者執行操作後簡短地通知使用者,用以下3步可以快速建立snackbar 建立Scaffold 顯示snackbar...

鐵人賽 Mobile Development DAY 20

技術 Flutter Developer Learning SwiftUI. @State var lesson20 = "列表(中)"

Today Preview 今天是列表二部曲講講List的一些特色應用我個人的認知等等要提到的側滑/編輯/多選,才會是SwiftUI中使用List的主要理由因...

鐵人賽 Mobile Development DAY 19

技術 Flutter Developer Learning SwiftUI. @State var lesson19 = "列表(上)"

Today Preview 1. 正文 終於來到本系列的重頭戲List了身為一個TableView工程師這就是我們最重要的工作XDD 但其實List在Swif...

鐵人賽 Mobile Development DAY 22
dart&flutter學習之旅 系列 第 22

技術 dart&flutter學習之旅-Day22

前言 今天會進到flutter cookbook的design環節,我會把常用的design介紹一下,希望能讓各位使用者設計出更好的UI Add a Drawe...

鐵人賽 Mobile Development DAY 18

技術 Flutter Developer Learning SwiftUI. @State var lesson18 = "滾動"

Today Preview 1. 正文 今天偷懶一下簡單講個ScrollView就好 1.1 ScrollView,預設vertical如果是vertical...

鐵人賽 Mobile Development DAY 21
dart&flutter學習之旅 系列 第 21

技術 dart&flutter學習之旅-Day21

將container裡的屬性動畫化 Container class提供了方便的方法來創建具有特定屬性的widget:寬度、高度、背景顏色、填充、邊框等。簡單的動...

鐵人賽 Mobile Development DAY 17

技術 Flutter Developer Learning SwiftUI. @State var lesson17 = "圖片挑選"

Today Preview 今天要講Image Picker但滿巧的,SwiftUI跟Fluter一樣:原生並沒有提供Image Picker???(But...

鐵人賽 Mobile Development DAY 20
dart&flutter學習之旅 系列 第 20

技術 dart&flutter學習之旅-Day20

Fade a widget in and out UI 開發人員經常需要在螢幕上顯示和隱藏內容。但在屏幕上快速彈入或彈出元素可能會讓使用者感到不適。所以使用不透...

鐵人賽 Mobile Development DAY 19
dart&flutter學習之旅 系列 第 19

技術 dart&flutter學習之旅-Day19

前言 今天會開始介紹flutter cookbook的內容,flutter cookbook是一連串進階技術的教學,我會先從flutter動畫開始介紹 Anim...

鐵人賽 Mobile Development DAY 16

技術 Flutter Developer Learning SwiftUI. @State var lesson16 = "佈局"

Today Preview 1. 正文 其實基本的佈局不外乎就是3Stack + padding今天談一些輔助佈局的東西 1.1 前面某集有提到SwiftU...

鐵人賽 Mobile Development DAY 15

技術 Flutter Developer Learning SwiftUI. @State var lesson15 = "其他View"

Today Preview 1. 正文 1.1 Group SwiftUI的Group主要用途是拿來幫Group裡的每個View都加上相同的效果或是拿來突破V...

鐵人賽 Mobile Development DAY 18
dart&flutter學習之旅 系列 第 18

技術 dart&flutter學習之旅-Day18

前言 今天會把flutter裡常見的layout都介紹完畢 Stack 使用Stack widget可以將widget重疊在另一個widget上 childr...

鐵人賽 Mobile Development DAY 14

技術 Flutter Developer Learning SwiftUI. @State var lesson14 = "形狀"

Today Preview 1. 我一開始是這麼寫的但是Shape們並不直接Conform View這個Protocol所以變成AnyView之後型別被擦除...

鐵人賽 Mobile Development DAY 17
dart&flutter學習之旅 系列 第 17

技術 dart&flutter學習之旅-Day17

GridView gridview可以以二維List的方式排列widget們,gridview有兩種預設的list,或是你可以客製化自己要的grid。gridv...

鐵人賽 Mobile Development DAY 13

技術 Flutter Developer Learning SwiftUI. @State var lesson13 = "顏色"

Today Preview 首先,SwiftUI的Color跟Flutter的顏色不同⚠️⚠️⚠️(跟一般常見的顏色也不同)它是一個像View的東西(雖然它不...

鐵人賽 Mobile Development DAY 16
dart&flutter學習之旅 系列 第 16

技術 dart&flutter學習之旅-Day16

Packing widgets 預設情況下,row或column沿其main axis會使用盡可能多的空間,但如果你想把children widget緊緊地包在...

鐵人賽 Mobile Development DAY 12

技術 Flutter Developer Learning SwiftUI. @State var lesson12 = "其他控件"

Today Preview 1. 正文 今天介紹一些比較輕量或少見的控件(Control)請搭配code服用 1. Toggle 因為我那時候不知道有.la...

鐵人賽 Mobile Development DAY 15
dart&flutter學習之旅 系列 第 15

技術 dart&flutter學習之旅-Day15

Sizing widgets 如果widget太大,例如圖片太大張導致畫面放不下的時候,可以使用Expanded widget去把尺寸太大的widget包進去,...

鐵人賽 Mobile Development DAY 11

技術 Flutter Developer Learning SwiftUI. @State var lesson11 = "對話框"

Today Preview 1. 正文 今天介紹Alert(或是更多時候大家會叫他Dialog)還有一個跟Alert很像的東西以前在UIKit叫ActionS...

鐵人賽 Mobile Development DAY 14
dart&flutter學習之旅 系列 第 14

技術 dart&flutter學習之旅-Day14

Lay out multiple widgets vertically and horizontally 最常見的lay out模式就是將很多widget用水平...

鐵人賽 Mobile Development DAY 10

技術 Flutter Developer Learning SwiftUI. @State var lesson10 = "日期挑選"

Today Preview 1. 正文 今天也是屬於比較單純的日子主要就是給各位看看Data Picker有哪幾種style分成 .compact .whee...

鐵人賽 Mobile Development DAY 9

技術 Flutter Developer Learning SwiftUI. @State var lesson9 = "挑選器"

Today Preview 1. 正文 SwiftUI超多picker的總共有五種default, menu, segmented, wheel, inlin...

鐵人賽 Mobile Development DAY 13
dart&flutter學習之旅 系列 第 13

技術 dart&flutter學習之旅-Day13

Non-Material apps 對於non-material app,你可以將center widget加到app的build() method裡面,但由於...