iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 1306 瀏覽

鐵人賽 Mobile Development DAY 15

Flutter with GetX, loading*175%歷程系列第 15 篇

技術 [Day15] Flutter with GetX Wrap & Chip

Wrap & Chip 原生的Widget, 對於之前接觸iOS的人來說一開始看到有驚訝一下(居然有原生的!),有一點像是hash tag, 個人把W...

Clark紹安 ‧ 2021-09-29

0 Like 0 留言 2764 瀏覽

鐵人賽 Modern Web DAY 15

Flutter web 的奇妙冒險系列第 15 篇

技術 Day 15 | Flutter web 環境安裝與 vs code插件

Flutter SDK 這裡以 MacOS 作為範例首先到官網https://flutter.dev/docs/get-started/install...

Todd ‧ 2021-09-28

0 Like 0 留言 1009 瀏覽

鐵人賽 Mobile Development DAY 14

Flutter with GetX, loading*175%歷程系列第 14 篇

技術 [Day14] Flutter with GetX animated_text_kit

animated_text_kit 文字特殊效果的第三方,可以參考文檔的樣式作選擇使用起來類似是Flutter原生的RichText & TextSp...

Clark紹安 ‧ 2021-09-28

0 Like 0 留言 2522 瀏覽

鐵人賽 Modern Web DAY 14

Flutter web 的奇妙冒險系列第 14 篇

技術 Day 14 | Flutter 基本介紹

什麼是Flutter 正如第一篇文章所說的 Flutter 是一個「框架」，可以用來開發跨平台原生的應用程式。整個 Flutter的架構圖：由上到下分別是...

Todd ‧ 2021-09-27

0 Like 0 留言 2619 瀏覽

鐵人賽 Mobile Development DAY 22

Flutter / Dart 跨平台App開發體驗系列第 22 篇

技術 Flutter體驗 Day 22-Model

Model 資料層在開發應用程式的過程裡，我們通常會定義 Model 的類別用來處理資料結構或是資料儲存上的使用。舉個簡單的例子，定義一個 JSON { &...

Leo ‧ 2021-09-30 ‧團隊神龍特攻隊 - it 宏的逆襲

0 Like 0 留言 2810 瀏覽

鐵人賽 Mobile Development DAY 13

Flutter with GetX, loading*175%歷程系列第 13 篇

技術 [Day13] Flutter with GetX qr_flutter & qr_code_scanner

產生QRCode qr_flutter Page的部分用column分配元件位置中間的QrImage 外層包了一個GesutreDetector, 接收點擊...

Clark紹安 ‧ 2021-09-27

0 Like 0 留言 2193 瀏覽

鐵人賽 Mobile Development DAY 12

Flutter with GetX, loading*175%歷程系列第 12 篇

技術 [Day12] Flutter with GetX cached_network_image 圖片緩存

cached_network_image 圖片緩存原生平台 iOS的話是Swift Kingfisher 我們一樣先再次封裝一層,construct給imag...

Clark紹安 ‧ 2021-09-26

0 Like 0 留言 4442 瀏覽

鐵人賽 Mobile Development DAY 11

Flutter with GetX, loading*175%歷程系列第 11 篇

技術 [Day11] Flutter with GetX flutter toast & Overlay

Flutter toast 在等待http response 或者需要等待的情境通常會用到轉圈圈或者顯示幾秒即消失的提示彈窗 flutter toast 文...

Clark紹安 ‧ 2021-09-25

0 Like 0 留言 1884 瀏覽

鐵人賽 Mobile Development DAY 10

Flutter with GetX, loading*175%歷程系列第 10 篇

技術 [Day10] Flutter GetX flutter_slidable ListView滑動

Flutter slidable Flutter listView左右滑動後出現的選項,(iOS的 tableView swipe actions) 這次將在首...

Clark紹安 ‧ 2021-09-24

0 Like 0 留言 2021 瀏覽

鐵人賽 Mobile Development DAY 9

Flutter with GetX, loading*175%歷程系列第 9 篇

技術 [Day09] Flutter with GetX gallery_saver 照片影片存到相簿

Gallery saver 取得權限的前置作業iOSInfo.plist內新增NSPhotoLibraryUsageDescription的權限 Androi...

Clark紹安 ‧ 2021-09-23

0 Like 0 留言 1682 瀏覽

鐵人賽 Mobile Development DAY 8

Flutter with GetX, loading*175%歷程系列第 8 篇

技術 [Day08] Flutter with GetX image_cropper 照片裁切

承襲上一篇 Image_picker這篇使用image_cropper 把選到的照片做裁切或旋轉等加工 AndroidAndroidManifest.xml 需...

Clark紹安 ‧ 2021-09-22

0 Like 0 留言 2884 瀏覽

鐵人賽 Mobile Development DAY 7

Flutter with GetX, loading*175%歷程系列第 7 篇

技術 [Day07] Flutter with GetX image picker 手機相簿選照片

Image picker flutter的照片操作,從相簿選照片或是拍照之前用的時候版本是0.7.4 , 但寫這篇的時候改版到了0.8.4 Android:An...

Clark紹安 ‧ 2021-09-21

0 Like 0 留言 1519 瀏覽

鐵人賽 Mobile Development DAY 6

Flutter with GetX, loading*175%歷程系列第 6 篇

技術 [Day06] Flutter with GetX shared_preference

Shared preference App關閉再次啟動後,需要保存的資料可以先保存在shared_preferenceAndroid 也叫Shared pref...

Clark紹安 ‧ 2021-09-20

0 Like 0 留言 2836 瀏覽

鐵人賽 Mobile Development DAY 5

Flutter with GetX, loading*175%歷程系列第 5 篇

技術 [Day05] Flutter with GetX carousel slider 水平輪播

Carousel slider 輪播動畫原生要處理的話印象中是PageView 先建立一個widget class, 將package的封裝一次constru...

Clark紹安 ‧ 2021-09-19

0 Like 0 留言 1392 瀏覽

鐵人賽 Mobile Development DAY 3

Flutter with GetX, loading*175%歷程系列第 3 篇

技術 [Day03] Flutter GetX equatable

目前先和大家介紹一些基本的應用大概Day15~16後會開始結合GetX一般比較兩個基本型別是否相等大多使用 "==" 兩個等於的操作符...

Clark紹安 ‧ 2021-09-17

0 Like 0 留言 2692 瀏覽

鐵人賽 Mobile Development DAY 21

Flutter / Dart 跨平台App開發體驗系列第 21 篇

技術 Flutter體驗 Day 21-Http

Http 使用 Http 通訊協定，發送網路請求存取網路上的資源在開發App是很基本的需求，今日我們練習使用氣象開放資料平臺的API，學習 Http 的呼叫方式...

Leo ‧ 2021-09-29 ‧團隊神龍特攻隊 - it 宏的逆襲

0 Like 0 留言 3228 瀏覽

鐵人賽 Mobile Development DAY 20

Flutter / Dart 跨平台App開發體驗系列第 20 篇

技術 Flutter體驗 Day 20-Provider

Provider Provider封裝了 InheritedWidget 功能，提供更高效且易懂的使用方式。引言 Provider說明文件 By using...

Leo ‧ 2021-09-28 ‧團隊神龍特攻隊 - it 宏的逆襲

0 Like 0 留言 3062 瀏覽

鐵人賽 Mobile Development DAY 19

Flutter / Dart 跨平台App開發體驗系列第 19 篇

技術 Flutter體驗 Day 19-InheritedWidget

功能組件-InheritedWidget InheritedWidget是一個具有特殊功能的組件，它提供可以將資料從 widget 從上到下傳遞的功能，達到共享...

Leo ‧ 2021-09-27 ‧團隊神龍特攻隊 - it 宏的逆襲

0 Like 0 留言 3287 瀏覽

鐵人賽 Mobile Development DAY 18

Flutter / Dart 跨平台App開發體驗系列第 18 篇

技術 Flutter體驗 Day 18-路由導覽v2

路由導覽v2 Navigator 2.0 Flutter Navigator 2.0 使用宣告式(declarative style)的方式定義路由導覽的方式，...

Leo ‧ 2021-09-26 ‧團隊神龍特攻隊 - it 宏的逆襲

0 Like 0 留言 1958 瀏覽

鐵人賽 Mobile Development DAY 17

Flutter / Dart 跨平台App開發體驗系列第 17 篇

技術 Flutter體驗 Day 17-路由導覽v1

路由導覽v1 Flutter 的路由是透過 Navigator 以棧的方式管理畫面上的呈現。 Navigator 1.0 Navigator：它是一個用來管理...

Leo ‧ 2021-09-25 ‧團隊神龍特攻隊 - it 宏的逆襲

0 Like 0 留言 4677 瀏覽

鐵人賽 Mobile Development DAY 16

Flutter / Dart 跨平台App開發體驗系列第 16 篇

技術 Flutter體驗 Day 16-滾動組件-Sliver

滾動組件-Sliver 若想要自定義滾動效果的介面功能，就需要使用 CustomScrollView 以及 Silvers 的應用結合。我們先看看SmallSt...

Leo ‧ 2021-09-24 ‧團隊神龍特攻隊 - it 宏的逆襲

0 Like 0 留言 2751 瀏覽

鐵人賽 Mobile Development DAY 15

Flutter / Dart 跨平台App開發體驗系列第 15 篇

技術 Flutter體驗 Day 15-滾動組件

滾動組件滾動組件是具有可滾動(Scroll)效果的內容區塊，可以透過滾動的方式提供更多可瀏覽的內容。而且在裝置平台不一樣時，View的寬高限制通常不一樣，例...

Leo ‧ 2021-09-23 ‧團隊神龍特攻隊 - it 宏的逆襲

0 Like 0 留言 2500 瀏覽

鐵人賽 Mobile Development DAY 14

Flutter / Dart 跨平台App開發體驗系列第 14 篇

技術 Flutter體驗 Day 14-容器組件

容器組件在網頁開發的過程裡，我們習慣會使用div作為一個容器，因為在 html 語意上它是不特別代表任何東西的容器，因此通常會用它來進行一些 css 樣式的使...

Leo ‧ 2021-09-22 ‧團隊神龍特攻隊 - it 宏的逆襲

0 Like 0 留言 2955 瀏覽

鐵人賽 Mobile Development DAY 13

Flutter / Dart 跨平台App開發體驗系列第 13 篇

技術 Flutter體驗 Day 13-彈性佈局

彈性佈局介紹完線性排列的佈局方式，今天我們談談另外的配置方式的佈局組件。挑戰目標學習 widget Flex Expanded Spacer St...

Leo ‧ 2021-09-21 ‧團隊神龍特攻隊 - it 宏的逆襲

0 Like 0 留言 1605 瀏覽

鐵人賽 Mobile Development DAY 12

Flutter / Dart 跨平台App開發體驗系列第 12 篇

技術 Flutter體驗 Day 12-線性佈局

線性佈局不管是水平佈局或是垂直佈局都是佈局上常用的配置方式。佈局組件 Row Column Wrap Layout Flutter 目標是提供跨平台的開...

Leo ‧ 2021-09-20 ‧團隊神龍特攻隊 - it 宏的逆襲

0 Like 0 留言 2700 瀏覽

鐵人賽 Mobile Development DAY 11

Flutter / Dart 跨平台App開發體驗系列第 11 篇

技術 Flutter體驗 Day 11-日期時間組件

日期時間組件在進入較進階的組件內容之前，我們在介紹一下有關日期與時間的組件內容。在表單輸入或是報表查詢功能的頁面，我們通常會需要使用日期時間的選取器功能提供使...

Leo ‧ 2021-09-19 ‧團隊神龍特攻隊 - it 宏的逆襲

0 Like 0 留言 5117 瀏覽

鐵人賽 Mobile Development DAY 10

Flutter / Dart 跨平台App開發體驗系列第 10 篇

技術 Flutter體驗 Day 10-表單組件

表單組件使用表單處理使用者輸入是常見的應用的基礎功能，使用這些表單組件可以應用在註冊、登入、電商…需要使用者輸入資料的情境，因此我們今天就來練習這些常在表單上...

Leo ‧ 2021-09-18 ‧團隊神龍特攻隊 - it 宏的逆襲

0 Like 0 留言 9138 瀏覽

鐵人賽 Mobile Development DAY 9

Flutter / Dart 跨平台App開發體驗系列第 9 篇

技術 Flutter體驗 Day 9-Button組件

Button組件按鈕也是在基礎組件中常見的項目，它提供了點擊事件可以用來定義互動的功能。 Button Flutter 提供三種具備onPressed參數的按...

Leo ‧ 2021-09-17 ‧團隊神龍特攻隊 - it 宏的逆襲

0 Like 0 留言 2163 瀏覽