iT邦幫忙

flutter相關文章
共有 236 則文章
鐵人賽 Mobile Development DAY 7
Flutter App 開發實戰 系列 第 7

技術 用 Drawer 做個導覽頁面  [DAY 7]

在我們設定了許多第三方套件後,今天終於又可以好好來寫 code 了,看看我們目前的 homePgae 好像有點空,也不知道怎麼開始使用這個 app,這時候導覽頁...

鐵人賽 Mobile Development DAY 6

技術 days[5] = "三顆渲染樹是如何運作的?(二)"

上次我們從RichText出發,一步步摸索出了Widget, Element, RenderObject各自的責任,和彼此之間的相互關係。我們也看到RichTe...

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

技術 Flutter 儲存資料 shared_preference [DAY 6]

成功登入後我們會需要 user 的 token 給儲存起來,可以做為下次登入的依據,不用在重複登入,也可以在之後使用,這時候我們就會需要用到像 iOS 裡的 U...

鐵人賽 Mobile Development DAY 6

技術 Flutter 常用組件講解 | ImageWidget

ImageWidget 圖片元件講解 Image 圖片元件的使用 Image Widget 的幾種加入形式 Image.asset 資源圖片形式需慎用。...

鐵人賽 Mobile Development DAY 5

技術 days[4] = "三顆渲染樹是如何運作的?"

Widget Tree,Element Tree,RenderObject Tree,稍微接觸過Flutter一段時間的朋友應該或多或少都聽過這三顆鼎鼎大名的渲...

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

技術 Flutter 頁面轉跳 Navigator / Route [DAY 5]

在成功登入後會需要進入到應用的主畫面,這時我們就會需要 Navigator 跟 Route 來幫忙轉換頁面與傳遞資料。 Route 被 Navigator 管...

鐵人賽 Mobile Development DAY 5

技術 Flutter 常用組件講解 | ContainerWidget

ContainerWidget 容器組件講解 Container 容器組件 如何興建容器組件 @override Widget build(BuildCon...

鐵人賽 Mobile Development DAY 4

技術 days[3] = "為什麼需要狀態管理?"

狀態管理是Flutter長久以來最熱門的話題之一,事實上這在Flutter社群已經火熱/渾沌到一個荒謬的境界了,幾乎每幾週就會有新的狀態管理套件出現... 然...

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

技術 FB 登入功能 [DAY 4]

本文會先帶大家前往 FB 的開發者頁面,創建一個應用,透過這個應用,和第三方套件我們就能夠實現登入功能,跟取得 user 的一些資訊。 建立 FB 應用程式...

鐵人賽 Mobile Development DAY 4

技術 Flutter 常用組件講解 | TextWidget

TextWidget 文本元件 手把手使用一個最簡單的 TextWidget Flutter 一切皆組件 TextWidget 常用屬性 屬性 功能...

鐵人賽 Mobile Development DAY 3

技術 days[2] = "為什麼選擇Dart?"

這應該也是很多人剛開始接觸Flutter時心裡會有的疑問,而對於當年逃離Java的魔掌,和Kotlin墜入愛河,度過兩年纏綿悱惻如膠似漆的生活的我來說,看到Da...

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

技術 來做個登入畫面吧 [DAY 3]

大致了解過常用的 widget 後我們可以開始來看看怎麼實作一個比較完整的登入畫面,因為這次的登入只使用到第三方登入所以就不會需要輸入帳號密碼, textvie...

技術 Dart 語言入門 6: 同步與非同步

Dart 是屬於單一執行緒的程式語言,也就是說所有的程式碼都運行於同一個執行緒中,若是遇到如I/O操作或是http這種需要較長時間的操作時,將會阻礙執行緒的執行...

技術 Dart 語言入門 5: 類別(Class)

Dart是一個物件導向語言,同時支持混入(mixin)的繼承機制。每個物件都是一個類別的實體,所有的類別都繼承於object。基於Mixin的繼承意味著每個類別...

鐵人賽 Mobile Development DAY 2

技術 days[1] = "為什麼build()在State裡?"

首先讓我們回顧一下可愛的StatelessWidget: class Foo extends StatelessWidget { @override W...

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

技術 來做個登入畫面吧 [DAY 2]

預先準備 Widget Flutter 框架中的核心物件,他可以被加入到畫面的渲染樹中,如果有新的 Widget 將會被取代,不具備可變的狀態,我們也不會去...

鐵人賽 Mobile Development DAY 1

技術 days[0] = "為什麼你應該現在開始學習Flutter?"

總之先上個圖。 雖然這系列的定位主要是針對正在學習或已經有些經驗的Flutter開發者,深入探討一些開發過程中,大家可能比較「知其然而不知其所以然」的問題。但...

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

技術 從頭開始一起開發 App [DAY 1]

在今年初剛接觸 Flutter 就有需求需要做跨平台的開發,剛好有機會可以拿來練習,但是因為本人拖延症嚴重,沒有人逼我感覺就會偷懶,希望透過鐵人賽好好矯正自己懶...

鐵人賽 Mobile Development DAY 1

技術 Dart & Flutter 簡介 | 菜鳥入門

入門介紹 (Introduction) Flutter is Google’s UI toolkit for building beautiful, nati...

技術 Dart 語言入門 4: 流程控制

if else if else 的條件值必須是布林,不能是其他的型態, else 是選項。 if (isRaining()) { you.bringRain...

技術 Dart 語言入門 3: 運算符號

運算子 說明 運算子 範例 一元後置 expr++,expr--,(),[],.,?. i++, i--, const[1,0],Test.fun...

技術 Dart 語言入門 2: 函式 Function

Functions 函數(方法) 在Dart語言,函數是物件也是一種叫做Function的型態(type)。因此,Function可以當成變數,也可以當做其他函...

技術 Dart 語言入門 1: 簡介、開發環境、變數、內建型別介紹

Dart 簡介 Dart 是由 google 主導並開發的語言。可搭配也是 google 主導的 flutter 平台框架,一套程式可以開發 Android、i...

技術 Flutter 學習日記: 1. 安裝 macOS開發環境

中國有中文社區網站 有完整的安裝介紹及使用教學範例可以參考 Flutter中文社區, Flutter中文網 1.安裝sdk flutter 官方網站下載 可以...

技術 IoT Project ( Flutter + Python + ZigBee ) 冒險闖關記 -- Part 3

In time, you will call me master -- Star Wars 剛入門flutter,大概有1個月的經驗,做過一些小程式練習,已...

技術 IoT Project ( Flutter + Python + ZigBee ) 冒險闖關記 -- Part 2

In time, you will call me master -- Star Wars ZigBee to Firestore (衝呀) : 事情是...

技術 IoT Project ( Flutter + Python + ZigBee )

最近完成了一個project 有用到 Flutter, Python, 跟 IoT ZigBee,踩了一些坑,也學到很多. 先分享大致上的,之後再補比較詳細的...

技術 Flutter 09

Column Basically column widget works like rows widget but in different directi...

技術 Flutter 08

So far we’ve been only adding one widget to the body. We now want to add multipl...

技術 Flutter 07

Container In body widget, we can also declare a container widget. body: Conta...