Flutter学习（PV）——概览

接触flutter有一段时间了，趁着刚过完年有点时间，记录一些有用的东西，一方面给自己备忘，另一方面也希望能帮到有需要的人~

一、什么是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端、桌面端构建漂亮的且是原生编译的应用。

二、flutter与react native

参考阅读这篇文章：https://flutter.dev/docs/get-started/flutter-for/react-native-devs

1、总览

• RN转换为原生组件，Flutter编译为原生代码
• Flutter控制屏幕上的每个像素点，可以避免由于需要JavaScript bridge而导致的性能问题

2、具体区别

• 未初始化的变量（js中undefined， dart中null）
• dart中变量有类型
• dart打印用print
• dart入口main(){  }
• 在Dart中，仅布尔值true被视为true

3、关于异步

• 在Dart中，async函数返回Future

4、widget

In Flutter, almost everything is a widget

widget可以定义：

• • 结构-例如button or menu
  • 样式-例如 font or color scheme
  • 布局-例如 padding or alignment

三、dart语言

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

Dart是针对任何平台上的快速应用程序的客户端优化语言。

写flutter需要用dart语言，这个是必学的，开始写还是挺不习惯的，熟能生巧吧~这里就不细说了。

学习参考高效 Dart 语言指南：用法示例、dart基础语法

四、一些有用的网站

flutter官网：https://flutter.dev/

dart官网：https://dart.dev/

其他推荐：

flutter实战

flutter中文资源主页

掘金flutter社区

唯鹿的文章

老孟的flutter组件大全及用法

高效 Dart 语言指南：用法示例

闲鱼技术

YouTube

五、一些开源的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-----------------------

我在森林里，打一通电话给城市里的你。

答录机说：“请留言，我会尽快与你联络。”

“你听到风轻轻吹过的声音吗？

你听到树叶缓慢飘落的声音吗？

你听到山林呼吸，还有我

心脏快乐跳动的声音吗？

请尽快与他们联络，再见。”