Flutter 即學即用系列博客——03 在舊有項目引入 Flutter
前言 其實如果打算在實際項目中引入 Flutter，完全將舊有項目改造成純 Flutter 項目的可能性比較小，更多的是在舊有項目引入 Flutter。 因此本篇我們就說一說如何在舊有項目引入 Flutter。 官方 WIKI 有說明，但是里面坑還是不少的，變化也是存在的。 因此就讓 ...
原文：Flutter 即學即用系列博客——04 Flutter UI 初窺
前面三篇可以算是一個小小的里程碑。 主要是介紹了 Flutter 環境的搭建 如何創建 Flutter 項目以及如何在舊有 Android 項目引入 Flutter。 這一篇我們來學習下 Flutter 的 UI。 前言 說到 UI，我就簡單說下 Flutter 作為一門跨平台語言具有的優勢之一，提高效率吧。 舉個例子： 假設現在要開發一個界面，Android 開發需要一天，iOS 開發也需要一 ...
2019-02-19 11:34 1 733 推薦指數：
相關推薦
Flutter 即學即用系列博客——02 一個純 Flutter Demo 說明
前言 上一篇文章我們搭建好了 Flutter 的開發環境。 Flutter 即學即用——01 環境搭建 這一篇我們通過 Flutter 的一個 Demo 來了解下 Flutter。 開發系統：MAC IDE：Android Studio 目錄 1. 創建一個 Flutter 項目 ...
Flutter 即學即用系列博客——01 環境搭建
前言 工欲善其事，必先利其器 所以第一篇我們來說說 Flutter 環境的搭建。 筆者這邊使用的是 MAC 電腦，因此以 MAC 電腦的環境搭建為例。 Windows 或者 Linux 也是類似的操作。 Flutter 有英文版的官網和中文網，大家可以根據自己的喜好和情況 ...
Flutter 即學即用系列博客——05 StatelessWidget vs StatefulWidget
前言 上一篇我們對 Flutter UI 有了一個基本的了解。 這一篇我們通過自定義 Widget 來了解下如何寫一個 Widget？ 然而 Widget 有兩個，StatelessWidget 和 StatefulWidget，我們要繼承哪一個？ 下面讓我們跟着文章來探索一番 ...
Flutter 即學即用系列博客——09 MethodChannel 實現原生與 Flutter 通信（二）
前言 上一篇我們講解了如何通過 EventChannel 實現 Android -> Flutter 的通信。 並且也看到了 Flutter 內部 EventChannel 源碼也是對 MethodChannel 的封裝。 因此這篇我們來說下如何通過 MethodChannel ...
Flutter 即學即用系列博客——09 EventChannel 實現原生與 Flutter 通信（一）
前言 緊接着上一篇，這一篇我們講一下原生怎么給 Flutter 發信號，即原生-> Flutter 還是通過 Flutter 官網的 Example 來講解。 案例 接着上一次，這一次我們讓原生主動將電池的充電狀態發送給 Flutter 並在界面顯示。 步驟如下。 1. ...
Flutter 即學即用系列博客——08 MethodChannel 實現 Flutter 與原生通信
背景 前面我們講了很多 Flutter 相關的知識點，但是我們並沒有介紹怎樣實現 Flutter 與原生的通信。 比如我在 Flutter UI 上面點擊了一個按鈕，我希望原生做一些處理，那么原生怎么知道？ 比如我在原生有些變化需要告知 Flutter，Flutter 又如何獲知 ...
聊聊flutter的UI布局
UI布局多半是套路，熟悉套路的規則。 Flutter的UI布局也有一套規則 center center可以讓任何元素在屏幕中居中，既是水平居中又是垂直居中，如果想讓元素從上而下排列要怎么辦呢？那就得使用column來配合 container container是個容器，可以包在一個元素 ...