iT邦幫忙

鐵人檔案

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

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

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

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

【前端的 Flutter 新手村】Day21-滑動你的螢幕跟列表項目說掰掰-Dismissible Widget

用滑動的手勢來刪除購物車不要的商品,或是用滑動手勢來刪除垃圾信件,都是很常見的App功能。Flutter提供了Dismissible Widget來輕鬆地實現這...

2019-10-07 ‧ 由 chienhui8130 分享
DAY 22

【前端的 Flutter 新手村】Day22-單選?複選?Input Widget

和Html input type一樣,Flutter也有他自己的input widget,像是單選框、複選框、on/off切換... Checkbox複選框 C...

2019-10-08 ‧ 由 chienhui8130 分享
DAY 23

【前端的 Flutter 新手村】Day23-連假前來談談一些有用的Responsive widget

手機有各式大小、尺寸繁多,當然開發App也要做到Responsive響應式的設計,身為前端工程師,RWD網站可說是在熟悉不過,在Css裡設定好media que...

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

【前端的 Flutter 新手村】Day24-有了MediaQuery裝置數據不再是秘密

像網頁一樣,Flutter也可以利用MediaQuery去讀取媒體裝置的數據,昨天有提到幾個可以做Responsive App的widget,而MediaQue...

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

【前端的 Flutter 新手村】Day25-在iPhone上實現Video Player

今天要來讓App播放影片,因為官方表示video_player plugin無法在模擬器上呈現,所以今天還會分享如何將App安裝到iPhone上 Step1....

2019-10-11 ‧ 由 chienhui8130 分享
DAY 26

【前端的 Flutter 新手村】Day26-轉轉螢幕切換App介面版型-OrientationBuilder

前天我們有提到可以用Mediaquery來獲取裝置的一些資訊,包含螢幕擺放的方向。有時候App會因應行動裝置擺放的方向不同而有相對應的介面,今天我們就要來用Fl...

2019-10-12 ‧ 由 chienhui8130 分享
DAY 27

【前端的 Flutter 新手村】Day27-在iOS App中加入Google map(一)

Google Map已經成為現代人不可或缺的一個常用工具之一,像我幾乎每天都會打開Google Map查看路況,或是午餐不知道要吃什麼就打開Google Map...

2019-10-13 ‧ 由 chienhui8130 分享
DAY 28

【前端的 Flutter 新手村】Day28-在iOS App中加入Google map(二)

昨天Day27-在iOS App中加入Google map(一)我們完成了Google Maps Flutter plugin的使用前置作業,今天就來實際運用G...

2019-10-14 ‧ 由 chienhui8130 分享
DAY 29

【前端的 Flutter 新手村】Day29-強迫症必學!自動格式化 Flutter Code

在一個團隊裡,可能有多個工程師,而每個工程師都有自己的寫Code習慣,除非大家有統一的規定,否則每支Code的空格、符號、斷行都有可能不一致。多人協作開發時,從...

2019-10-15 ‧ 由 chienhui8130 分享
DAY 30

【前端的 Flutter 新手村】Day30-鐵人完賽!系列文章目錄整理

鐵人賽終於跑完了,這段時間真的很累,因為是臨時起意報名的,平時也沒有累積文章,更不要說寫過Flutter。每篇文章都只有1-2天能利用空閒時間來做((哭,真的是...

2019-10-16 ‧ 由 chienhui8130 分享