iT邦幫忙

鐵人檔案

第 11 屆 iThome 鐵人賽
回列表
Mobile Development

前端工程師的 Flutter 新手村挑戰 系列

明明是前端卻突然被要求開發APP,因而感到不知所措?藉由這次鐵人賽機會,讓自己可以鼓起勇氣跨出學寫APP的第一步,也希望能讓同樣因APP開發而煩惱的人,輕鬆了解如何使用Flutter刻出常用介面及功能!

鐵人鍊成 | 共 30 篇文章 | 69 人訂閱 訂閱系列文 RSS系列文
DAY 1

【前端的 Flutter 新手村】Day1-網站前端也想來挑戰寫個App

前言 從以前當學生時到現在開始工作了,遇到問題都還是會上iT邦爬文找答案,這是集眾人心血匯聚而成的平台,沒想到有一天我也能成為其中一份力量。這是我第一次參加iT...

2019-09-17 ‧ 由 chienhui8130 分享
DAY 2

【前端的 Flutter 新手村】Day2-為什麼選擇Flutter?React Native、原生開發、PWA不好嗎?

決定要來研究App後,我看了許多資料,整理了三種常見的App開發方式:Native App、Hybrid App、Progressive Web App: Na...

2019-09-18 ‧ 由 chienhui8130 分享
DAY 3

【前端的 Flutter 新手村】Day3-淺談Flutter的優秀之處

Flutter是由Google創建的UI工具包,使用單一程式庫即可編譯出適用於Mobile、Desktop、Web三個平台的App,因為才剛發展不久,第三方套件...

2019-09-19 ‧ 由 chienhui8130 分享
DAY 4

【前端的 Flutter 新手村】Day4-在Mac中架設Flutter開發環境(一):更新Android SDK、安裝Xcode

前一篇【前端的 Flutter 新手村】Day3-淺談Flutter的優秀之處談到Flutter許多的優點,今天我們要來架設Flutter開發環境,在mac中使...

2019-09-20 ‧ 由 chienhui8130 分享
DAY 5

【前端的 Flutter 新手村】Day5-在Mac中架設Flutter開發環境(二):安裝Flutter及Dart plugins

上一篇【前端的 Flutter 新手村】Day4-在Mac中架設Flutter開發環境(一):更新Android SDK、安裝Xcode安裝完Android S...

2019-09-21 ‧ 由 chienhui8130 分享
DAY 6

【前端的 Flutter 新手村】Day6-"Hello Flutter!" 用VS Code打造你的第一個Flutter App

今天我們要來建立第一個Flutter專案了!可以直接在終端機執行,但今天我選擇在VS Code,之後要開發比較方便,不用一直切換畫面! 開啟手機模擬器 依照官網...

2019-09-22 ‧ 由 chienhui8130 分享
DAY 7

【前端的 Flutter 新手村】Day7-Flutter App列表清單

許多的App都有一些類似的排版方式,列表就是其中一個很常見的介面設計,購物App、聊天App、遊戲App......都有它的身影,今天我們就要來做一個簡單的列表...

2019-09-23 ‧ 由 chienhui8130 分享
DAY 8

【前端的 Flutter 新手村】Day8-查字典也有技巧,教你如何看懂Flutter官方API

「工欲善其事,必先利其器」要學習新的框架,閱讀API就是一個好方法。繼昨天學寫了簡單的列表介面後,寫的過程中其實是跌跌撞撞,有點清楚又有點模糊。於是今天重新研究...

2019-09-24 ‧ 由 chienhui8130 分享
DAY 9

【前端的 Flutter 新手村】Day9-在AppBar中添加換頁功能 ft. Material Icons

今天要來為AppBar加入換頁功能 在AppBar加入login icon,點擊之後切換到login頁面。 我們拿之前做好的列表頁來改,首頁就設為列表 St...

2019-09-25 ‧ 由 chienhui8130 分享
DAY 10

【前端的 Flutter 新手村】Day10-為你的App建立Menu選單-Drawer & Routes

不管是網頁或是App都需要Menu做導覽,今天我們就要來為App添加選單Menu,會使用Drawer Widget。 Step1. 建立一個帶有drawer的S...

2019-09-26 ‧ 由 chienhui8130 分享