Flutter學習（PV）——概覽

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

1、什麼是flutter

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

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

 

2、flutter與react native

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

一、總覽

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

二、具體區別

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

三、關於異步

• 在Dart中，async函數返回Future

四、widget

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-----------------------

 

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

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

 

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

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

你聽到山林呼吸，還有我

心臟快樂跳動的聲音嗎？

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