Flutter是谷歌的移動(dòng)UI框架，可以快速在iOS、Android、Web和PC上構(gòu)建高質(zhì)量的原生用戶(hù)界面。 Flutter可以與現(xiàn)有的代碼一起工作。在全世界，Flutter正在被越來(lái)越多的開(kāi)發(fā)者和組織使用，并且Flutter是完全免費(fèi)、開(kāi)源的。同時(shí)它也是構(gòu)建未來(lái)的Google Fuchsia應(yīng)用的主要方式。

從事移動(dòng)開(kāi)發(fā)這么多年, 各種跨平臺(tái)技術(shù)層出不窮.從最初的基于web的phonegap/cordova到后來(lái)的原生組件渲染react-native/weex,再到現(xiàn)在的flutter通過(guò)自己開(kāi)發(fā)了一套原生控件渲染,可以說(shuō)用戶(hù)體驗(yàn)已經(jīng)和原生開(kāi)發(fā)相差無(wú)幾了.

如何入門(mén)Flutter

• 1.了解Android/IOS基礎(chǔ)知識(shí).包括平臺(tái)特性、項(xiàng)目結(jié)構(gòu)等.
• 2.了解Dart基礎(chǔ)語(yǔ)法知識(shí).可點(diǎn)擊Dart中文網(wǎng)進(jìn)行學(xué)習(xí).
• 3.學(xué)習(xí)Flutter基礎(chǔ)知識(shí).包括組件使用、包管理、原生交互等.可點(diǎn)擊Flutter中文網(wǎng)進(jìn)行學(xué)習(xí).

Flutter學(xué)習(xí)指南

為了能夠方便大家快速學(xué)習(xí)Flutter, 我簡(jiǎn)單寫(xiě)了一個(gè)Flutter學(xué)習(xí)指南App,包含眾多組件和插件的使用, 是學(xué)習(xí)和體驗(yàn)flutter組件的小Demo. 項(xiàng)目地址: https://github.com/xuexiangjys/FlutterSample/tree/master/flutter_learn

組件

Animation(動(dòng)畫(huà))、AppBar(標(biāo)題)、BottomNavigationBar(底部導(dǎo)航欄)、 Button(按鈕)、 CardView(卡片)、Containter(容器)、 Control(控制開(kāi)關(guān))、 CustomWidget(自定義組件)、Dialog(對(duì)話(huà)框)、Drag(拖拽)、Drawer(側(cè)滑菜單)、 Form(表單)、Gesture(手勢(shì))、Image(圖片)、Input(輸入框)、Layout(布局)、 Notification(冒泡通知)、Progress(進(jìn)度條)、ScrollView(列表滾動(dòng))、Tab(選項(xiàng)卡)、Text(文字)

工具

DeviceInfo(設(shè)備信息)、EventBus(事件總線(xiàn))、JPush(極光推送)、JsonSerialize(序列化)、MMKV(鍵值對(duì)保存)、Navigator(導(dǎo)航路由)、Net(網(wǎng)絡(luò)請(qǐng)求)、Provider(數(shù)據(jù)共享)、SharedPreferences(持久化)、Sqlite(數(shù)據(jù)庫(kù))、Toast(吐司提示)

第三方插件

DatePicker(時(shí)間選擇)、EasyRefresh(下拉加載上拉刷新)、IconFont(字體圖標(biāo))、 ImagePicker(單圖片選擇)、MultiImagePicker(多圖片選擇)、Spinkit(loading動(dòng)畫(huà))、 Swiper(輪播圖)、Web(網(wǎng)頁(yè)加載)

---

演示

應(yīng)用下載

蒲公英下載的密碼: xuexiangjys

https://www.pgyer.com/flutter_learn (二維碼自動(dòng)識(shí)別)

應(yīng)用截圖

依賴(lài)庫(kù)說(shuō)明

• dio (非常好用的網(wǎng)絡(luò)請(qǐng)求庫(kù))
• FlutterToast
• mmkv_flutter
• shared_preferences
• url_launcher
• image_picker (圖片選擇)
• sqflite (sqlite數(shù)據(jù)庫(kù))
• fluro (頁(yè)面路由神器)
• flutter_webview_plugin (網(wǎng)頁(yè)加載)
• flutter_spinkit (loading加載動(dòng)畫(huà))
• event_bus (事件工具)
• flutter_swiper (輪播圖組件)
• flutter_easyrefresh (刷新組件)
• provider (非常好用的數(shù)據(jù)共享工具)
• flutter_datetime_picker (時(shí)間選擇器)
• multi_image_picker (多圖片選擇)
• jpush_flutter (極光推送)
• flutter_bugly (bugly統(tǒng)計(jì))
• device_info (設(shè)備信息)

• 原文作者：xuexiangjys
• 原文鏈接：人類(lèi)身份驗(yàn)證 - SegmentFault
• 來(lái)源：思否

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。