Flutter學習(PV)——概覽

🌈接觸flutter有一段時間了,趁着剛過完年有點時間,記錄一些有用的東西,一方面給本身備忘,另外一方面也但願能幫到有須要的人~html

1、什麼是flutter

Flutter is Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase.react

Flutter是谷歌的UI框架,經過單個代碼庫就能夠爲移動端、web端、桌面端構建漂亮的且是原生編譯的應用。android

 

2、flutter與react native

參考閱讀這篇文章:https://flutter.dev/docs/get-started/flutter-for/react-native-devsgit

一、總覽github

  • RN轉換爲原生組件,Flutter編譯爲原生代碼
  • Flutter控制屏幕上的每一個像素點,能夠避免因爲須要JavaScript bridge而致使的性能問題

二、具體區別web

  • 未初始化的變量(js中undefined, dart中null)
  • dart中變量有類型
  • dart打印用print
  • dart入口main(){  }
  • 在Dart中,僅布爾值true被視爲true

三、關於異步react-native

  • 在Dart中,async函數返回Future

四、widgetapp

In Flutter, almost everything is a widget框架

widget能夠定義:異步

    • 結構-例如button or menu
    • 樣式-例如 font or color scheme
    • 佈局-例如 padding or alignment

 

3、dart語言

Dart is a client-optimized language for fast apps on any platform.

Dart是針對任何平臺上的快速應用程序的客戶端優化語言。

寫flutter須要用dart語言,這個是必學的,開始寫仍是挺不習慣的,熟能生巧吧~這裏就不細說了。

學習參考高效 Dart 語言指南:用法示例dart基礎語法

 

4、一些有用的網站

flutter官網:https://flutter.dev/

dart官網:https://dart.dev/

其餘推薦:

flutter實戰

flutter中文資源主頁

掘金flutter社區

惟鹿的文章

老孟的flutter組件大全及用法

高效 Dart 語言指南:用法示例

閒魚技術

YouTube

5、一些開源的demo

  • Flutter仿微博客戶端, 包含首頁、視頻、發現、消息(仿微博聊界面)及我的中心模塊:

https://github.com/huangruiLearn/flutter_hrlweibo

  • Flutter 開發者幫助 APP,包含 flutter 經常使用 140+ 組件的demo 演示與中文文檔

https://github.com/alibaba/flutter-go

  • Flutter 超完整的開源項目,功能豐富,適合學習和平常使用。

https://github.com/CarGuo/gsy_github_app_flutter

  • 玩Android客戶端Flutter版本。Provider的最佳實踐.DarkMode、多色彩主題、國際化、切換字體、優美動畫

https://github.com/phoenixsky/fun_android_flutter

  • 本項目包括各類基本控件使用(Text、TextField、Icon、Image、Listview、Gridview、Picker、Stepper、Dialog、Slider、Row、Appbar、Sizebox、BottomSheet、Chip、Dismissible、FlutterLogo、Check、Switch、TabBar、BottomNavigationBar、Sliver等)、豆瓣電影、tubitv、每日一文、和天氣、百姓生活、隨機詩詞、聯繫人、句子迷、好奇心日報、有道精品課、高德定位、音樂播放器、追書神器等板塊

https://github.com/shichunlei/flutter_app

 

END-----------------------

 

我在森林裏,打一通電話給城市裏的你。

答錄機說:「請留言,我會盡快與你聯絡。」

 

「你聽到風輕輕吹過的聲音嗎?

你聽到樹葉緩慢飄落的聲音嗎?

你聽到山林呼吸,還有我

心臟快樂跳動的聲音嗎?

請儘快與他們聯絡,再見。」

相關文章
相關標籤/搜索