iT邦幫忙

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

技術 dart&flutter學習之旅-Day24

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

鐵人賽 Mobile Development DAY 20

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

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

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

技術 dart&flutter學習之旅-Day23

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

鐵人賽 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 16

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

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

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

技術 dart&flutter學習之旅-Day19

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

鐵人賽 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 13
dart&flutter學習之旅 系列 第 13

技術 dart&flutter學習之旅-Day13

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

鐵人賽 Mobile Development DAY 9

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

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

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

技術 dart&flutter學習之旅-Day12

Add the visible widget to the layout widget 所有layout widget都具有以下任一個條件: 如果他們只有一個...

鐵人賽 Mobile Development DAY 8

技術 Flutter Developer Learning SwiftUI. @State var lesson8 = "文字輸入"

Today Preview 1. 正文 今日內容主要分成三個部分: TextField TextEditor 輸入相關 又在抱怨(不是說三個部分嗎) Te...

鐵人賽 Mobile Development DAY 9

技術 [Day9] 從開發瀏覽器 APP 學習實戰技巧 -- 簡易的跨設備資訊分享機制 Part I

Part I: 介紹 Sharik App 以及它的現有機制 EinkBro 身為瀏覽器,是個不斷從網路取得資訊的 App,但是卻完全沒有任何追蹤使用者的實作;...

鐵人賽 Mobile Development DAY 8
通徹 Flutter 學習路徑 系列 第 8

技術 通徹 Flutter 學習路徑 Day 08 - Navigation 以及 Routing

今天主要要向大家分享的主題是 Navigation 以及 Routing在瀏覽器透過輸入 URL 而跳轉頁面至對應畫面這件事情相信大家都已經耳熟能詳了而今天在...

鐵人賽 Mobile Development DAY 7

技術 Flutter Developer Learning SwiftUI. @State var lesson7 = "按鈕"

Today Preview 1. 正文 Button可以說是最常見跟user互動的元件了今天介紹了Button的實現方式跟樣式基本上可以使用兩種方式來實現...

鐵人賽 Mobile Development DAY 7
通徹 Flutter 學習路徑 系列 第 7

技術 通徹 Flutter 學習路徑 Day 07 - Flutter Adaptive 實作技巧及方式

今天要來分享的是在實作 Adaptive App 時要注意的細節在昨天的內容中,我們已經可以實作出根據視窗大小來選擇何種 Layout 來呈現畫面!而今天我們則...