iT邦幫忙

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

技術 【Flutter基礎概念與實作】 Day23–實作Youtube Bloc、Youtube API

在開始今天非常簡單的YoutubeBloc實作前,我們要先和Google申請Youtube Data Api,待會才可以用Youtube Api查詢電影預告片。...

鐵人賽 Mobile Development DAY 22

技術 【Flutter基礎概念與實作】 Day22–美化首頁(2) 增加Drawer和標題文字動畫

今天繼續來幫首頁增加一些小功能,不會像昨天程式碼那麼多了XD。 Drawer Drawer widget在Day7有介紹到如何使用,今天就來幫HomePage加...

鐵人賽 Mobile Development DAY 21

技術 【Flutter基礎概念與實作】 Day21–美化首頁(1) 滑動吧!電影卡片

結束三天的Flutter測試框架介紹,回到專案本身的開發,接著來美化首頁吧。 先看今天的成品會長什麼樣子:(gif經過壓縮後畫質會降低會有卡卡的感覺,但實際上滑...

鐵人賽 Mobile Development DAY 18

技術 用 Flutter 開發一個 Android App 吧 - Day 24. 登入表單(GithubLoginForm)、Toast 訊息

本系列同步發表在 個人部落格,歡迎大家關注~ -- 第二階段最後一天了,來作一些小修改吧~ 登入表單 繼昨天的增加了登入驗證後,我發現登入頁面(LoginP...

鐵人賽 Mobile Development DAY 18

技術 用 Flutter 開發一個 Android App 吧 - Day 23. GitHub 身份驗證、登入(改)

本系列同步發表在 個人部落格,歡迎大家關注~ GitHub 身份驗證 GitHub 提供的身份驗證方式有兩種: 基礎認證(Basic Authentic...

鐵人賽 Mobile Development DAY 25

技術 30天Flutter手滑系列 - 聊天室開發(Chat Room)(5)

接續前文30天Flutter手滑系列 - 聊天室開發(Chat Room)(4),在這篇我們已經能存取到登入Google後的資料,今天就來驗證別人是否能共同看到...

鐵人賽 Mobile Development DAY 18

技術 用 Flutter 開發一個 Android App 吧 - Day 22. 首頁的 GitHub Trending

本系列同步發表在 個人部落格,歡迎大家關注~ 首頁 - GitHub Trending 在首頁的部份除了 Day 14 看到的 Hacker News 之外...

鐵人賽 Mobile Development DAY 24

技術 30天Flutter手滑系列 - 聊天室開發(Chat Room)(4)

前一章節30天Flutter手滑系列 - 聊天室開發(Chat Room)(3),已經可以成功登入Google帳號,並且取得帳號資訊,接下來用這些資料更新一下原...

鐵人賽 Mobile Development DAY 20

技術 【Flutter基礎概念與實作】 Day20–測試Movie API和Movie BLoC

今天是testing的最後一天,把剩下的Movie Bloc和Movie Api的測試寫完吧。 Movie Bloc Test 在test/bloc資料夾下新增...

鐵人賽 Mobile Development DAY 19

技術 【Flutter基礎概念與實作】 Day19–如何用Mockito測試BloC

今天就來為FlutTube專案內的Bloc(Authentication Bloc、Login Bloc、Register Bloc)寫測試吧。 Mockito...

鐵人賽 Mobile Development DAY 18

技術 【Flutter基礎概念與實作】 Day18–Flutter測試框架以及Mockito Package使用範例介紹

寫測試在開發軟體是很重要的一部分,測試寫得好之後才能安心地繼續開發新功能以及進行維護,不然軟體架構越來越龐大後發現前面的功能有Bug就難處理了。 根據Flutt...

鐵人賽 Mobile Development DAY 23

技術 30天Flutter手滑系列 - 聊天室開發(Chat Room)(3)

前一天30天Flutter手滑系列 - 聊天室開發(Chat Room)(2)在除錯上花了不少時間,今天繼續優化及開發新功能。 添加登入訊息 為了讓成功登入有訊...

鐵人賽 Mobile Development DAY 22

技術 30天Flutter手滑系列 - 聊天室開發(Chat Room)(2)

接續30天Flutter手滑系列 - 聊天室開發(Chat Room)(1),今天來嘗試加入Google帳號登入。 加入Drawer 為了讓登入後的帳號有個地方...

鐵人賽 Mobile Development DAY 12

技術 [Day12] Flutter 儲存資料套件,第二招 provider_path。

今天因為沒有時間寫程式,所以今天沒有程式。 而在我擔心今天沒有內容時,突然看到了,這個 provider_path 這個套件。 之前說的要把群組存起來的部分,我...

鐵人賽 Mobile Development DAY 21

技術 30天Flutter手滑系列 - 聊天室開發(Chat Room)(1)

進入倒數10天了,文章已經寫到殘破不堪快往生。但每天還是要有進度產出,只能找空擋時間回去修正前面的文章。接下來要來進入比較進階的應用,自製一個線上聊天室。在這個...

鐵人賽 Mobile Development DAY 17

技術 【Flutter基礎概念與實作】 Day17–實作Movie Bloc

今天又要來實作Bloc啦,基本概念都和前面相同,就速速帶過吧。 MovieBloc 在movie資料夾下新增「bloc」資料夾並用bloc generator產...

鐵人賽 Mobile Development DAY 16

技術 【Flutter基礎概念與實作】 Day16–使用SharedPreference記下帳號、接上TMDb API

今天來實作接上movie API,取得近期上映電影清單。不過在開始之前我們先幫LoignForm加一個簡單的功能——記錄使用者帳號。 SharedPrefere...

鐵人賽 Mobile Development DAY 11

技術 [Day11] Flutter 把代辦存進手機,再也不隨便消失(SQLite)。

之前有說到我們的代辦清單,每次都會重新來過。所以啊!我們要把它存進我們的移動裝置裡。 這邊我們用的套件是sqflite連結。 第一步,我們先建立我們的DB Cl...

鐵人賽 Mobile Development DAY 20

技術 30天Flutter手滑系列 - Flutter 1.9

今天不知道寫什麼,來聊聊月中釋出的flutter 1.9好了 Flutter 1.9.1 在這版中,最大亮點莫過於支援macOS Catalina和iOS13的...

鐵人賽 Mobile Development DAY 15

技術 【Flutter基礎概念與實作】 Day15–實作Register Bloc、Firebase Authentication

昨天完成了LoginBloc和登入的介面,但其實還有幾個步驟需要進行設定才能使用Google Auth,所以今天的前半部先把它設定完吧。 Android bui...

鐵人賽 Mobile Development DAY 14

技術 【Flutter基礎概念與實作】 Day14–實作Login Bloc、Firebase Authentication

繼續來實作專案,經過昨天實作完AuthenticationBloc後,對於Bloc的概念跟實作流程應該都比較熟悉了。今天的LoginBLoc就不會講解的那麼詳細...

鐵人賽 Mobile Development DAY 18

技術 用 Flutter 開發一個 Android App 吧 - Day 21. 趨勢頁面(改)、切換趨勢區間

本系列同步發表在 個人部落格,歡迎大家關注~ 經過兩天的努力,終於能來修改頁面拉~ 趨勢頁面 - 改 第二部份的更改頁面我想大家應該可以猜得到,一樣用 Fu...

鐵人賽 Mobile Development DAY 18

技術 用 Flutter 開發一個 Android App 吧 - Day 20. 自己建造 GitHub Trending API 輪子與測試

本系列同步發表在 個人部落格,歡迎大家關注~ GitHub Trending API 唷西(よし),昨天花了很大的力氣將 JSON 序列化的物件模板建立完成...

鐵人賽 Mobile Development DAY 18

技術 用 Flutter 開發一個 Android App 吧 - Day 19. JSON 序列化 及 如何應用在 App 中

本系列同步發表在 個人部落格,歡迎大家關注~ 好了,經歷了一天 Hacker News API 和四天 GitHub API ,藉著 hnpwa_clien...

鐵人賽 Mobile Development DAY 10

技術 [Day10] Flutter 新增群組Modal。

我們新增一個全螢幕的彈跳視窗,然後做些表單,目前就先這樣了。 明天再把新增存起來。 import 'package:flutter/material.dart'...

鐵人賽 Mobile Development DAY 19

技術 30天Flutter手滑系列 - 井字遊戲實作(Tic Tac Toe)(6)

在前面章節30天Flutter手滑系列 - 井字遊戲實作(Tic Tac Toe)(5)有提到,在今天開始會來嘗試加入AI到我們遊戲中,這樣才真的有玩遊戲感覺嘛...

鐵人賽 Mobile Development DAY 18

技術 30天Flutter手滑系列 - 井字遊戲實作(Tic Tac Toe)(5)

截至昨天30天Flutter手滑系列 - 井字遊戲實作(Tic Tac Toe)(4)為止,大致雛型已經有了,但一切都有點雜亂,今天先來整理一下。 重新安排檔案...

鐵人賽 Mobile Development DAY 9

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

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

鐵人賽 Mobile Development DAY 18

技術 用 Flutter 開發一個 Android App 吧 - Day 18. 個人頁面(大改)

本系列同步發表在 個人部落格,歡迎大家關注~ 個人頁面 - Star 頁面 在 Day 8 的時候,個人頁面的 Star Tab,我並沒有實作 StarRe...

鐵人賽 Mobile Development DAY 17

技術 用 Flutter 開發一個 Android App 吧 - Day 17. 搜尋頁面(改)、自製 GitHub Tiles

本系列同步發表在 個人部落格,歡迎大家關注~ 搜尋頁面 - 改 在 github 這套件的加持下,搜尋頁面調用搜尋 API 也變得非常簡單。 在搜尋頁面上我...