【Flutter 1.2】Flutter UI Debug工具

May 7, 2019 · 1 min read · flutter debug ui ios android ·

一開始還沒有接觸Flutter的時候，覺得寫Code是沒有問題的，但是UI要怎麼Debug呢？Android方面應該沒有什麼問題，因為是Google自家的東西嘛，但是iOS要怎麼做呢？後來就用VSCode它build出來的專案，分別用Android Studio跟Xcode開，個別去看UI，不過真的沒有用到原生的UI，Flutter的畫面都是『畫』出來的。後來想想真的很笨，明明在Android Studio上面就有Flutter inspector啊，加上Flutter的UI(Material風格 / Cupertino風格)都是Google工程師自己做出來的，並沒有用到兩個平臺的原生UI，想想這樣也對，如此一來UI就可以長得一模一樣了，話不多說，就用以下的影片記錄一下今天的發現吧。