眾所周知,小程序是由HTML標簽來開發(fā)原生組件,那么首先需要將HTML做解析,這里我們將HTML通過node腳本解析成JSON字符串,再用Dart來解析JSON,映射對應的標簽到flutter的組件。這里先簡單介紹實現(xiàn)的功能以及展示效果,后續(xù)再詳細介紹。
創(chuàng)新互聯(lián)公司成立于2013年,公司以成都網(wǎng)站建設、做網(wǎng)站、系統(tǒng)開發(fā)、網(wǎng)絡推廣、文化傳媒、企業(yè)宣傳、平面廣告設計等為主要業(yè)務,適用行業(yè)近百種。服務企業(yè)客戶成百上千,涉及國內(nèi)多個省份客戶。擁有多年網(wǎng)站建設開發(fā)經(jīng)驗。為企業(yè)提供專業(yè)的網(wǎng)站建設、創(chuàng)意設計、宣傳推廣等服務。 通過專業(yè)的設計、獨特的風格,為不同客戶提供各種風格的特色服務。
為了高效解析,直接用flutter的組件名在HTML文件上開發(fā)
直接使用flutter的組件
模仿微信小程序的Api,cc對應是微信小程序的wx
以上HTML中的例子
《使用Flutter + V8/JsCore開發(fā)小程序引擎(二)》
《使用Flutter + V8/JsCore開發(fā)小程序引擎(三)》
在玩安卓上有款組件化開源app的項目,一款模仿 Eyepetizer | 開眼視頻的 開源app,這款app設計風格特別喜歡的,比較簡潔,美觀,然后最近又在學flutter的知識,于是就寫了一款flutter版本的開源短視頻,效果也是聽不錯的,廢話不多說,先上效果圖。
先附上項目地址:
項目api會在后面的參考鏈接里,或者直接項目內(nèi)查看。
項目地址:
更新:6/30 項目新增下拉刷新,上拉加載功能
kotlin版本開眼短視頻開發(fā)中,敬請期待...
總結:在此感謝參考的伙伴的文章,寫的也很好,然后我將這個項目改寫成了flutter,當中也學習到了很多flutter相關的知識,后續(xù)還有繼續(xù)鞏固,不斷學習。
參考鏈接(包含本項目的api)
Flutter教程全套 (全網(wǎng)獨家)百度網(wǎng)盤免費資源在線學習 ?
鏈接:
提取碼: m9z8 ?
Flutter教程全套 (全網(wǎng)獨家)
第一套:Flutter 攜程17章全-整理好
第五套:Flutter高仿谷歌翻譯項目課程
第四套:兩小時掌握Flutter移動App開發(fā)視頻
第三套:flutter入門到精通全套
第七套:Flutter小實戰(zhàn)20個
第六套:仿直聘boss的flutter完整教程
第九套:Flutter跨平臺開發(fā)
第二套:flutter移動電商實戰(zhàn)-技術胖
第八套:Flutter基礎教程(基礎不好的優(yōu)先看)
24Flutter的打包.mp4
23靜態(tài)資源和項目圖片的處理.mp4
22頁面跳轉并返回數(shù)據(jù)_.mp4
21導航的參數(shù)傳遞和接受-2_.mp4
20導航的參數(shù)傳遞和接受-1.mp4
flutter_k_chart基本實現(xiàn)了火幣里面各項指標線以及深度線,F(xiàn)lutter目前沒有比較好的開源組件,就自己寫了一個,聲明式ui自定義起來有點怪怪的,但大致與android差不多,先上效果圖
使用方式
GitHub地址:
后期會持續(xù)完善,歡迎指出問題以及star