第十一屆 佳作

mobile-dev
前端工程師的 Flutter 新手村挑戰
chienhui8130

系列文章

DAY 21

【前端的 Flutter 新手村】Day20-讓App進入不同層次的Animation(四)-Hero animations實作

繼昨天介紹了Hero Animation背後的運作原理之後,今天要來做一個最基本型的Hero動畫。 製作Hero Animation的重點: 使用Materi...

DAY 22

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

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

DAY 23

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

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

DAY 24

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

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

DAY 25

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

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

DAY 26

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

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

DAY 27

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

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

DAY 28

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

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

DAY 29

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

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

DAY 30

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

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