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

0 Like 0 留言 2033 瀏覽

鐵人賽 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 留言 1821 瀏覽

鐵人賽 Mobile Development DAY 19

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

技術 Flutter體驗 Day 19-InheritedWidget

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

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

0 Like 0 留言 2242 瀏覽

鐵人賽 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 留言 1868 瀏覽

鐵人賽 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 留言 3350 瀏覽

鐵人賽 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 留言 1096 瀏覽

鐵人賽 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 留言 1546 瀏覽

鐵人賽 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 留言 3199 瀏覽

鐵人賽 Mobile Development DAY 16

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

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

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

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

0 Like 0 留言 1675 瀏覽

鐵人賽 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 留言 1460 瀏覽

鐵人賽 Mobile Development DAY 15

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

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

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

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

0 Like 0 留言 1276 瀏覽

鐵人賽 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 留言 1516 瀏覽

鐵人賽 Mobile Development DAY 14

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

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

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

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

0 Like 0 留言 1773 瀏覽

鐵人賽 Mobile Development DAY 13

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

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

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

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

0 Like 0 留言 2454 瀏覽

鐵人賽 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 留言 1050 瀏覽

鐵人賽 Mobile Development DAY 12

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

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

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

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

0 Like 0 留言 1252 瀏覽

鐵人賽 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 留言 2095 瀏覽

鐵人賽 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 留言 1927 瀏覽

鐵人賽 Mobile Development DAY 11

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

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

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

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

0 Like 0 留言 3613 瀏覽

鐵人賽 Mobile Development DAY 10

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

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

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

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

0 Like 0 留言 1116 瀏覽

鐵人賽 Mobile Development DAY 3

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

技術 [Day03] Flutter GetX equatable

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

Clark紹安 ‧ 2021-09-17

0 Like 0 留言 6670 瀏覽

鐵人賽 Mobile Development DAY 9

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

技術 Flutter體驗 Day 9-Button組件

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

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

2 Like 1 留言 2635 瀏覽

鐵人賽 Mobile Development DAY 2

Flutter - 複製貼上到開發套件之旅系列第 2 篇

技術【第二天 - Flutter 繼承＋建構子＋CallBack 基本概念】

前言今日的程式碼 => GITHUB 繼承 Flutter 會有三個方式 Extends 當繼承 Extends 的時候，需要使用 super 來...

WenYeh ‧ 2021-09-16 ‧團隊來自行雲者研發基地的菁英們

0 Like 0 留言 1379 瀏覽

鐵人賽 Mobile Development DAY 8

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

技術 Flutter體驗 Day 8-開始玩積木

組件積木先前有提過在開發Flutter應用程式的過程中，我們大部份是使用各式不同功能的組件來組合而成。「工欲善其事，必先利其器」就讓我們來認識一些組件的類型...

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

0 Like 0 留言 1277 瀏覽

鐵人賽 Mobile Development DAY 1

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

技術 [Day01] Flutter GetX 前言 x 建專案

Hi 大家好! 我是Clark, 2018年踏上了iOS App的學習與開發,因緣際會接觸了Flutter, 這次和朋友一起參賽, 彼此砥礪他的鐵人賽系列後疫情...

Clark紹安 ‧ 2021-09-15

0 Like 0 留言 1046 瀏覽

鐵人賽 Mobile Development DAY 7

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

技術 Flutter體驗 Day 7-State生命週期

State生命週期 State 的生命週期是指 StatefuleWidget 中的 State 從創建至消滅中間的過程，在這過程中存在多個不同階段的 Hook...

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

0 Like 0 留言 5704 瀏覽

鐵人賽 Mobile Development DAY 1

Flutter - 複製貼上到開發套件之旅系列第 1 篇

技術【第一天 - Flutter 生命週期＋基本觀念介紹】

什麼是 StatefulWidget？他是一個具備 State（狀態）的元件，裡面所有可變狀態的子元件的狀態都會保留在 Staatefulwidget 所創...

WenYeh ‧ 2021-09-15 ‧團隊來自行雲者研發基地的菁英們

0 Like 0 留言 1424 瀏覽

鐵人賽 Mobile Development DAY 6

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

技術 Flutter體驗 Day 6-Widget State

Widget狀態管理 Widget 類別的原始碼上有標注 @immutable，這個標注的意思是不可變的；簡單的來說這個類別裡的類別屬性必需宣告成 final，...

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

0 Like 0 留言 1642 瀏覽

鐵人賽 Modern Web DAY 1

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

技術 Day 1 | 前言與大綱

哈囉我是Todd，是一個比較喜歡寫前端的全端工程師，工作上大部分是使用 React 及 Node.js 來進行開發。剛好今年參與了一個 Flutter App...

Todd ‧ 2021-09-14

0 Like 0 留言 1571 瀏覽