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 (頁面路由神器)
- flutter_webview_plugin (網頁載入)
- flutter_spinkit (loading載入動畫)
- event_bus (事件工具)
- flutter_swiper (輪播圖元件)
- flutter_easyrefresh (重新整理元件)
- provider (非常好用的資料共享工具)
- flutter_datetime_picker (時間選擇器)
- multi_image_picker (多圖片選擇)
- jpush_flutter (極光推送)
- flutter_bugly (bugly統計)
- device_info (裝置資訊)
非常感謝
聯絡方式
微信公眾號
