Flutter學習指南App,一起來玩Flutter吧~

xuexiangjys發表於2020-02-04

Flutter是谷歌的移動UI框架,可以快速在iOS、Android、Web和PC上構建高質量的原生使用者介面。 Flutter可以與現有的程式碼一起工作。在全世界,Flutter正在被越來越多的開發者和組織使用,並且Flutter是完全免費、開源的。同時它也是構建未來的Google Fuchsia應用的主要方式。

從事移動開發這麼多年, 各種跨平臺技術層出不窮.從最初的基於web的phonegap/cordova到後來的原生元件渲染react-native/weex,再到現在的flutter通過自己開發了一套原生控制元件渲染,可以說使用者體驗已經和原生開發相差無幾了.

如何入門Flutter

  • 1.瞭解Android/IOS基礎知識.包括平臺特性、專案結構等.
  • 2.瞭解Dart基礎語法知識.可點選Dart中文網進行學習.
  • 3.學習Flutter基礎知識.包括元件使用、包管理、原生互動等.可點選Flutter中文網進行學習.

Flutter學習指南

為了能夠方便大家快速學習Flutter, 我簡單寫了一個Flutter學習指南App,包含眾多元件和外掛的使用, 是學習和體驗flutter元件的小Demo. 專案地址: https://github.com/xuexiangjys/FlutterSample/tree/master/flutter_learn

元件

Animation(動畫)AppBar(標題)BottomNavigationBar(底部導航欄)Button(按鈕)CardView(卡片)Containter(容器)Control(控制開關)CustomWidget(自定義元件)Dialog(對話方塊)Drag(拖拽)Drawer(側滑選單)Form(表單)Gesture(手勢)Image(圖片)Input(輸入框)Layout(佈局)Notification(冒泡通知)Progress(進度條)ScrollView(列表滾動)Tab(選項卡)Text(文字)

工具

DeviceInfo(裝置資訊)EventBus(事件匯流排)JPush(極光推送)JsonSerialize(序列化)MMKV(鍵值對儲存)Navigator(導航路由)Net(網路請求)Provider(資料共享)SharedPreferences(持久化)Sqlite(資料庫)Toast(吐司提示)

第三方外掛

DatePicker(時間選擇)EasyRefresh(下拉載入上拉重新整理)IconFont(字型圖示)ImagePicker(單圖片選擇)MultiImagePicker(多圖片選擇)Spinkit(loading動畫)Swiper(輪播圖)Web(網頁載入)


演示

在這裡插入圖片描述

應用下載

蒲公英下載的密碼: xuexiangjys

在這裡插入圖片描述

應用截圖

在這裡插入圖片描述
在這裡插入圖片描述
在這裡插入圖片描述
在這裡插入圖片描述
在這裡插入圖片描述
在這裡插入圖片描述
在這裡插入圖片描述
在這裡插入圖片描述
在這裡插入圖片描述

依賴庫說明

非常感謝

聯絡方式

在這裡插入圖片描述

微信公眾號

在這裡插入圖片描述

相關文章