快手舉辦首屆Flutter交流會分享技術(shù)實踐

量子位的朋友們 2019-11-27 14:51:12 來源：量子位

Flutter正在被越來越多的開發(fā)者和組織使用，快手也在Flutter方面投入了非常大的精力。近日，快手中學(xué)舉辦的“首屆快手Flutter技術(shù)交流會”（Kwai Flutter Meetup）在北京快手總部舉行。本次交流會邀請到了來自Google、美團、騰訊、360以及快手Flutter技術(shù)團隊進行分享，聚焦各公司的Flutter技術(shù)的動向與實踐，為開發(fā)者們提供了一個線下交流學(xué)習(xí)的平臺。

Google：Custom Widgets in Flutter

Justin McCandless（Google）

來自Google Flutter團隊的Justin McCandless介紹了即將發(fā)布的InteractiveViewer Widget，分享了如何寫一個自己定制的Widget。

InteractiveViewer可以通過手勢進行移動、縮放及旋轉(zhuǎn)。關(guān)于InteractiveViewer Widget，現(xiàn)在有關(guān)它的Pull Request已被建立，歡迎開發(fā)者發(fā)表評論，來讓新Widget更好地服務(wù)于開發(fā)者。

通過組合已有Widget，可以很方便地迅速構(gòu)建出自己需要的Widget。其實InteractiveViewer本身也是通過不同的Widget組合實現(xiàn)的。相比繼承，F(xiàn)lutter更建議大家采用組合的方式構(gòu)建控件。Flutter也具備繪制能力，在官網(wǎng)Painting Widget目錄下可以看到這些用于繪制的widget。另外，F(xiàn)lutter也提供了大量的布局Widget，來為Widget布局提供支持。

美團：美團外賣Flutter混合開發(fā)生態(tài)建設(shè)實踐

李會超（美團）

美團外賣從用戶端調(diào)研到多個事業(yè)部中后臺業(yè)務(wù)線上應(yīng)用Flutter僅用了1年，但是已經(jīng)取得了斐然成效。李會超介紹到，美團B端業(yè)務(wù)對多端一致性、開發(fā)效率、性能穩(wěn)定性的要求都比較高，而Flutter能非常好地滿足這些要求。

MTFlutter工具鏈提供了SDK定制、工程構(gòu)建、集成工具、混合容器、UI代碼自動生成、組件插件庫、CI/CD、運維能力、產(chǎn)物托管等多項功能。

到目前，已有多個事業(yè)部的中后臺業(yè)務(wù)應(yīng)用，接入到了MTFlutter基礎(chǔ)設(shè)施并上線迭代。

騰訊：Flutter在騰訊企鵝輔導(dǎo)上的實踐之路

以企鵝輔導(dǎo)為例，涂金林和曹海歌分別從移動端和Web端介紹了騰訊在Flutter的實踐經(jīng)驗。企鵝輔導(dǎo)的實踐分為手機端、Pad端、Web端，從頁面棧管理、性能優(yōu)化等幾個方面詳述了實踐進展。

關(guān)于性能優(yōu)化，涂金林主要介紹了來自引擎的內(nèi)存泄漏及圖片增量內(nèi)存過大等問題的優(yōu)化，并介紹了一些常用的提升性能的代碼習(xí)慣。

涂金林（騰訊）

曹海歌站在Web前端工程師的角度對Flutter進行了解讀，現(xiàn)場給出了使用Flutter for Web技術(shù)構(gòu)建的企鵝輔導(dǎo)頁面供聽眾體驗效果。最后對Flutter for Web未來的發(fā)展進行了展望。

曹海歌（騰訊）

360：探索Flutter中的狀態(tài)管理

陳晗所在團隊，利用Flutter技術(shù)構(gòu)建了“南瓜屋”故事，一款故事社區(qū)App。陳晗首先介紹了對狀態(tài)管理的個人理解，以及在Flutter中如何管理state，如何利用InheritedWidget進行共享狀態(tài)。

對于社區(qū)內(nèi)的狀態(tài)管理方案，陳晗主要介紹了Provider、BLoC以及Redux，各自的設(shè)計理念以及優(yōu)缺點。對于狀態(tài)管理方案的選型，陳晗認(rèn)為應(yīng)該根據(jù)項目的業(yè)務(wù)復(fù)雜度來決定。一個好的狀態(tài)管理方案，應(yīng)該具備三個特點：可預(yù)測、漸進式、高性能。陳晗也建議開發(fā)者不要為了使用而使用，技術(shù)本身是服務(wù)于產(chǎn)品、服務(wù)于業(yè)務(wù)的，在選擇和使用狀態(tài)管理時，要三思而后行，做好多方面的權(quán)衡。

陳晗（360）

快手：快手Flutter技術(shù)實踐

來自快手北京研發(fā)團隊的張?zhí)煊钆c深圳研發(fā)中心的鄧敏，分別分享了Flutter技術(shù)工程化的實踐以及業(yè)務(wù)上的嘗試。

快手在Flutter技術(shù)上投入了一定人力，本次分享介紹了眾多領(lǐng)域的實踐，包括集成發(fā)布、一鍵發(fā)車、Channel強類型化、Property生成、依賴管理、自動化埋點、混合棧管理等。

基于快手的業(yè)務(wù)形態(tài)，混合棧管理上提供了引擎釋放，并支持狀態(tài)恢復(fù)。

快手會持續(xù)關(guān)注Flutter技術(shù)，在未來會產(chǎn)出更多實踐成果與社區(qū)分享、共建。

張?zhí)煊睿焓郑?/p>

鄧敏（快手）

現(xiàn)場同學(xué)聽得入迷

在隨后的圓桌討論環(huán)節(jié)，嘉賓們對會前收集到的快手同學(xué)們感興趣的話題進行了討論，如Flutter前期落地成本、前端同學(xué)是否適合做Flutter開發(fā)、Flutter的技術(shù)邊界等，現(xiàn)場討論熱烈。

此次活動干貨滿滿，同學(xué)們也覺得收獲很大，“了解了Flutter的動態(tài)和企業(yè)級應(yīng)用流程，各個公司踩坑以及優(yōu)化方式，在探討中學(xué)習(xí)，也讓自己在以后的工作中可以繞開這些坑，更重要的是結(jié)識了很多同樣樂于鉆研、解決問題的伙伴，希望以后可以多組織此類交流會”。

在跨平臺開發(fā)慢慢成為主流趨勢的今天，F(xiàn)lutter的重要性逐漸凸顯。作為快手內(nèi)部的人才發(fā)展平臺，快手中學(xué)旨在以學(xué)習(xí)溝通和分享交流為主，為快手同學(xué)提供每一個職業(yè)階段的培訓(xùn)與發(fā)展機會。此次舉辦快手Flutter技術(shù)交流會，就是為同學(xué)們賦能，希望未來快手和Google以及業(yè)界同行們一道把Flutter技術(shù)應(yīng)用到更廣泛的領(lǐng)域，能夠探索出更多的最佳實踐，最終造福大前端開發(fā)者，提升大前端開發(fā)者的獨特的幸福感。

— 完 —