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/
其他推荐:
五、一些开源的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-----------------------
我在森林里,打一通电话给城市里的你。
答录机说:“请留言,我会尽快与你联络。”
“你听到风轻轻吹过的声音吗?
你听到树叶缓慢飘落的声音吗?
你听到山林呼吸,还有我
心脏快乐跳动的声音吗?
请尽快与他们联络,再见。”