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

https://www.pgyer.com/flutter_learn (二維碼自動識別)

應用截圖

依賴庫說明

• 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 (設備信息)

• 原文作者：xuexiangjys
• 原文鏈接：人類身份驗證 - SegmentFault
• 來源：思否

總結

以上是生活随笔為你收集整理的flutter scrollview_简单易上手的Flutter学习指南App,2020一起来玩转Flutter吧~的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。