iT邦幫忙

flutter相關文章
共有 273 則文章
鐵人賽 Mobile Development DAY 18

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

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

鐵人賽 Mobile Development DAY 12

技術 [Day12] Flutter with GetX cached_network_image

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

鐵人賽 Mobile Development DAY 11

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

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

鐵人賽 Mobile Development DAY 17

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

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

鐵人賽 Mobile Development DAY 10

技術 [Day10] Flutter with GetX flutter_slidable ListView滑動

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

鐵人賽 Mobile Development DAY 16

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

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

鐵人賽 Mobile Development DAY 9

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

Gallery saver iOS Info.plist內新增 NSPhotoLibraryUsageDescription的權限 Android  Andro...

鐵人賽 Mobile Development DAY 15

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

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

鐵人賽 Mobile Development DAY 8

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

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

鐵人賽 Mobile Development DAY 14

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

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

鐵人賽 Mobile Development DAY 13

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

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

鐵人賽 Mobile Development DAY 7

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

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

鐵人賽 Mobile Development DAY 12

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

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

鐵人賽 Mobile Development DAY 6

技術 [Day06] Flutter with GetX shared_preference

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

鐵人賽 Mobile Development DAY 5

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

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

鐵人賽 Mobile Development DAY 11

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

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

鐵人賽 Mobile Development DAY 10

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

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

鐵人賽 Mobile Development DAY 3

技術 [Day03] Flutter GetX equatable

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

鐵人賽 Mobile Development DAY 9

技術 Flutter體驗 Day 9-Button組件

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

鐵人賽 Mobile Development DAY 2

技術 環境安裝

取得 Flutter SDK 第一步先下載 Flutter SDK, 接著在 C 槽中新增一個 src 的資料夾, 再將剛才下載的 Flutter SDK 解壓...

鐵人賽 Mobile Development DAY 2

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

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

鐵人賽 Mobile Development DAY 8

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

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

鐵人賽 Mobile Development DAY 1

技術 參賽動機、系列文規劃

參賽動機 原本是職缺是應徵網頁前端工程師,因為公司目前需要有人幫忙寫 App ,就被推坑一起寫 Flutter, 由於之前都是為了趕快產出,在觀念上學習的不夠札...

鐵人賽 Mobile Development DAY 1

技術 [Day01] Flutter GetX 前言 x 建專案 x null safty & pub.dev

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

鐵人賽 Mobile Development DAY 7

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

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

鐵人賽 Mobile Development DAY 1

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

什麼是 StatefulWidget? 他是一個具備 State(狀態)的元件,裡面所有可變狀態的子元件的狀態都會保留在 Staatefulwidget 所創...

鐵人賽 Mobile Development DAY 6

技術 Flutter體驗 Day 6-Widget State

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

鐵人賽 Modern Web DAY 1

技術 Day 1 | 前言與大綱

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

鐵人賽 Mobile Development DAY 5

技術 Flutter體驗 Day 5-Widget 樂高積木

Widget樂高積木 在開始實作App之前,我們需要認識 Flutter 程式架構的基本概念。 回顧 Flutter 的程式碼 我想要先帶大家理解一下Flutt...

鐵人賽 Mobile Development DAY 4

技術 Flutter體驗 Day 4-Dart CheatSheet (2)

Dart CheatSheet (2) 認識 Dart 程式語言,從官方提供的dart-cheatsheet掌握該語言的特色 Dart CheatSheet G...