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

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

應用截圖

依賴庫說明

  • dio (非常好用的網絡請求庫)

  • FlutterToast

  • mmkv_flutter

  • shared_preferences

  • url_launcher

  • image_picker (圖片選擇)

  • sqflite (sqlite數據庫)

  • fluro (頁面路由神器)

  • flutterwebviewplugin (網頁加載)

  • flutter_spinkit (loading加載動畫)

  • event_bus (事件工具)

  • flutter_swiper (輪播圖組件)

  • flutter_easyrefresh (刷新組件)

  • provider (非常好用的數據共享工具)

  • flutterdatetimepicker (時間選擇器)

  • multiimagepicker (多圖片選擇)

  • jpush_flutter (極光推送)

  • flutter_bugly (bugly統計)

  • device_info (設備信息)


非常感謝

  • 阿里巴巴的入門級項目 flutter-go

  • flutter實戰

  • flutter插件平臺

聯繫方式

微信公衆號


本文分享自微信公衆號 - 我的Android開源之旅(openandroidxx)。
如有侵權,請聯繫 [email protected] 刪除。
本文參與“OSC源創計劃”,歡迎正在閱讀的你也加入,一起分享。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章