iT邦幫忙

flutter相關文章
共有 512 則文章
鐵人賽 Mobile Development DAY 30

技術 【Day 30】第12屆iT邦幫忙鐵人賽 - 完賽筆記

最近依舊忙錄,但工作的需要,我還是需要了解新的技術,努力排出時間用在技術研讀上,評估一些技術引進的議題: 技術的推出的原因。 Flutter is Goog...

鐵人賽 Modern Web DAY 22
Flutter web 的奇妙冒險 系列 第 22

技術 Day 22 | 狀態管理套件 MobX - 基本使用

昨天稍微提到了狀態管理及 MobX 的基本介紹那今天就要來說明 MobX 中的核心概念。 MobX 最重要的就是這三個東西: Observables、Acti...

鐵人賽 Mobile Development DAY 20

技術 【Day 20】Animated-Text-Kit - 來點動感的文字訊息

今日要點》介紹 Animated-Text-Kit 專案》下載並編譯 Animated-Text-Kit 範例專案》程式架構研究 介紹 Animated-Te...

鐵人賽 Mobile Development DAY 12

技術 【Day 12】HistoryOfEverything - 歷史的時間軸

今日要點》介紹 HistoryOfEverything 專案》下載並編譯 HistoryOfEverything 專案 介紹 HistoryOfEveryth...

鐵人賽 Mobile Development DAY 13
iOS Developer Learning Flutter 系列 第 13

技術 iOS Developer Learning Flutter. Lesson12 還是~列表(輸入與折疊)

Today Preview 1. 如果有用戶輸入的情況, 如何不讓資料跑掉? 原本我以為如果是用children方式建立的ListViewTextFiel...

鐵人賽 Mobile Development DAY 13

技術 days[12] = "key是如何影響updateChildren的?"

updateChildren將會是我們目前看過最複雜的函數,不論是國內外都找不到深入剖析它的文件。所以趕快來成為全世界少數真正瞭解它的運作方式的人吧!誰知道呢?...

鐵人賽 Mobile Development DAY 1

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

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

鐵人賽 Mobile Development DAY 8

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

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

鐵人賽 Mobile Development DAY 8
Flutter App 開發實戰 系列 第 8

技術 專案的好幫手 Firebase |部署篇 [DAY 8]

目前在開發的這個應用沒有後端幫忙也沒有寫好的 api 可以使用,所以我們就只能自立自強了!自己開始寫後端架server,那我可能就沒時間在這邊發文了,還好有 g...

鐵人賽 Mobile Development DAY 23

技術 [Day23] Flutter GetX with Dio (二)

承襲前一篇Dio 這篇是接著發起request 這次範例是使用News APIresponse 回來把資料作後續處理 Data model可以用這個工具把API...

鐵人賽 Mobile Development DAY 12

技術 用 Flutter 開發一個 Android App 吧 - Day 12. 關於頁面(AboutPage)

本系列同步發表在 個人部落格,歡迎大家關注~ 關於頁面(AboutPage) 關於頁面中,目前只想顯示些簡單的資訊,App Icon、版本資訊、作者及 Li...

鐵人賽 Mobile Development DAY 17
iOS Developer Learning Flutter 系列 第 17

技術 iOS Developer Learning Flutter. Lesson16 底部導航與頁籤

Today Preview 1. BottomNavigationBar 它其實只是一條bar放在Scaffold裡實際上控制頁面跳轉的還是你自己所以這頁必須...

鐵人賽 Modern Web DAY 29
Flutter web 的奇妙冒險 系列 第 29

技術 Day 29 | 狀態管理-從官方範例來看如何使用BLoC (2)

今天就來實作UI的部分,以及來小小的比較一下BLoC與MobX的差異 我們把這個頁面分成三個檔案posts_page、posts_list、 posts_ite...

鐵人賽 Mobile Development DAY 6

技術 [Day06] Flutter with GetX shared_preference

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

鐵人賽 Mobile Development DAY 6

技術 眺望統一的第六天:App 設計和 Kotlin range 亂數

「喔喔,臉色變好了啊。」坐隔壁的喵先生,向正要下班的我們打招呼。因為桌上有很多貓咪玩偶,所以大家都叫他喵先生。 「對呀,稍微調整了一下作息。」老姐抬手做了一個眺...

鐵人賽 Mobile Development DAY 28

技術 Flutter體驗 Day 28-flame JoystickComponent

flame JoystickComponent 昨日我們使用 SpriteComponent 建構出整體的遊戲畫面,今日我們研究看看要如何讓 Sprite 動起...

鐵人賽 Mobile Development DAY 14

技術 用 Flutter 開發一個 Android App 吧 - Day 14. 首頁 - Hacker News

本系列同步發表在 個人部落格,歡迎大家關注~ 現在各式各樣的資料都存放在雲端,App 本身不會存太多資訊,所以接 Web API 幾乎是現代 App 必然要...

技術 Flutter Widget - BoxDecoration

new BoxDecoration( backgroundBlendMode: BlendMode.color,BlendMode.colorBurn ,Ble...

鐵人賽 Mobile Development DAY 18
iOS Developer Learning Flutter 系列 第 18

技術 iOS Developer Learning Flutter. Lesson17 API GET

Today Preview 定義Model > 打API > 顯示在畫面上非常簡單、天天在做我們來看看在Flutter上怎麼實現 1. 定義Mod...

鐵人賽 Mobile Development DAY 9

技術 iOS Developer Learning Flutter. Lesson8 圖片

今天的文章竟然用到五級標題...是在寫論文嗎...= = Today Preview 1. 基本用法 1.1 跟以前類似, 有分UIImageView(就是...

鐵人賽 Mobile Development DAY 12
iOS Developer Learning Flutter 系列 第 12

技術 iOS Developer Learning Flutter. Lesson11 又是列表(置頂與刷新)

昨天我們講了列表的基本用法今天講講列表非常常見的兩種功能header置頂與下拉刷新(附贈上拉加載) Today Preview 1. header置頂 Fl...

技術 Flutter 03

As we mention before, we can set different properties of each widget. Changing...

鐵人賽 Modern Web DAY 21
Flutter web 的奇妙冒險 系列 第 21

技術 Day 21 | 狀態管理套件 MobX - 到底什麼是狀態管理

狀態管理? 在介紹 MobX 以前我想先來說一下什麼是「狀態管理」 究竟為什麼我們需要「狀態管理」,還記得前幾篇想到 Flutter其中一個概念 UI = F(...

鐵人賽 Mobile Development DAY 23
iOS Developer Learning Flutter 系列 第 23

技術 iOS Developer Learning Flutter. Lesson22 Notification

Notification翻譯成通知,也有聽過有人叫他推播、或廣播這個字會有很多的歧義今天我們要談的不是本地媽媽通知(Local Notification)也不是...

鐵人賽 Mobile Development DAY 9

技術 [Day9] Flutter 選擇群組,出現對應代辦事項調整。

之前我們的側欄,做了群組的功能,但是選擇還沒有任何的改變。今天我們就讓他選擇了會有反應吧! 第一步,我把它移植到Provider import 'package...

技術 Flutter簡介

Flutter簡介Flutter 是 Google推出並開源的移動應用開發框架,主打跨平台、高保真、高性能。開發者可以通過 Dart語言開發 App,一套代碼同...

鐵人賽 Mobile Development DAY 14
iOS Developer Learning Flutter 系列 第 14

技術 iOS Developer Learning Flutter. Lesson13 裁判~可以讓人列完又列這樣的嗎? (多選與側滑)

我看本節目乾脆改名為《iOS Developer Learning ListView》算了 Today Preview 1. 多選 iOS要做多選列表有兩種...

鐵人賽 IoT DAY 19

技術 op.19 《應用層》-初探 Flutter

※因應有讀者反映,標題下的太不知所措XD,想要看指定文章還要打開來確認,她表示很難受。所以之後這奇怪的標題會換位置,也希望大家繼續多多支持小弟我的 鐵 (菜)...

鐵人賽 Mobile Development DAY 21

技術 days[20] = "Render Pipeline是怎麼運作的?"

我們在之前的文章中已經花了不少的篇幅來探索Flutter的三顆渲染樹是怎麼運作的,不過其實這也只是整個Flutter Render Pipeline的一部分而已...

技術 【Flutter】筆記4-Body{Center、Column、Row、Container、SizedBox&Padding}

在body下有這堆東西可以選擇 Center:(置中) Center Widget可以將其子Widget居中對齊。 當子Widget的寬高不指定或不足父Widg...