专栏首页Flutter入门到实战程序猿Skr ----- Flutter之歌

程序猿Skr ----- Flutter之歌

版权声明:本文为博主原创文章,本文首发在公众号 Flutter那些事,版权归作者 AWeiLoveAndroid 所有,未经博主允许不得转载。https://www.jianshu.com/p/d5dd0eab9a59

转载请标明出处: https://www.jianshu.com/p/d5dd0eab9a59

Flutter之歌

2018年谷歌推出了跨平台框架Flutter,一时间让各位技术开发者兴趣暴涨(因为做过混合开发的程序猿早就被js的性能低效,rn的js桥接麻烦,weex的社区小和坑多。。。等技术而感到焦头烂额)。随着高性能的跨平台框架Flutter正式版一发布,就吸引力了众多开发者,大家纷纷表示,Flutter真是太爽了,写起来简洁,性能又高,它的UI绘制还不依赖于原生平台(因为Flutter有独立的Skia引擎),热重载,一套Dart代码直接运行在两个平台,UI这一块基本上无需原生开发基础(熟悉Dart语法和Flutter组件即可)即可上手操作,大大减少了开发者的负担和压学习力。 但是还是有很多人摸不着头脑。官方文档那么多,怎么学比较好?哪些需要重点关注?从哪里开始上手?需要学到什么程度才做项目?。。。为此我专门写了一首歌,用轻松愉快的方式,让大家听完这首歌就可以知道哪些东西你大概需要关注,哪些需要了解?加深大家的Flutter的认识。欢迎大家都来听完,如果有讲解有问题的,希望大家多多提意见。

视频链接

https://v.qq.com/x/page/n0834td80in.html

Dart 和 Flutter

歌词

Rap:
2018年 Flutter的元年
谷歌推出Flutter跨平台的理念
统领安卓、ios和PC三端
性能在业内已经大大领先
什么rn weex都甩到一边
Flutter有独立Skia引擎来渲染
用了Flutter感觉爽翻天
跨平台的发展潜力无限
越来越多的程序员 开始投入Flutter钻研
希望在这里 开辟自己的一片蓝天
大家跟着阿韦大佬一起干
Flutter那些事欢迎查看
公众号众多干货等你来点赞
有任何不懂欢迎给我留言
我看到就给你回复
只要我有时间

唱:
Flutter helpful for developer
Flutter 跨平台的王者
Flutter easy to learn Flutter
Flutter let's learn it together together

Rap:
2019年已经来到
Flutter正式版已经发表
Flutter和Dart是主角 抛弃JS老一套
积极拥抱变化才是王道
Dart语法有多层嵌套
写起来确实很烦躁
稍不留神掉了个括号
整个程序直接crash掉
其实熟练掌握编程技巧
Dart语言也很美妙
用过其它语言你就知道
Dart基于其它语言进行创造
语法似曾相识的赶脚
官方文档多找找 代码多敲敲
其实Dart掌握起来并不烧脑
只要你用心学习一定能够学好

唱:
Flutter helpful for developer
Flutter 跨平台的王者
Flutter easy to learn Flutter
Flutter let's learn it together together

so you don't know this
Dart is really Language of OOP
我们一定要记住

Rap:
so you don't know this
Dart is really Language of OOP
我们一定要切记
封装对象函数is the key(关键)
Everything in Flutter is Widget
用类和函数把代码抽离
使用import和part进行库管理
Simple is easy,to be a package
parts of Codes easy to be manager

唱:
Flutter helpful for developer
Flutter 跨平台的王者
Flutter easy to learn Flutter
Flutter let's learn it together together

Rap:
Flutter的UI 上百个组件
究竟看哪个 没有了意见
抽上一包烟 源码看半天
始终不明白 从哪里开篇
哟哟切克闹 Flutter真奇妙
大家一起来 跟着阿韦大佬
熟悉Flutter的组件
从基础到实践
让你轻松学会Flutter来编写界面
构建首先先从布局容器看
Row Column来把线性布局构建
Stack用来表示堆叠空间
相对位置请用Position和Align
模拟div使用Container来实现
列表请用ListView家族的组件
使用Image来表示图片
Text就是文本组件

唱:
Flutter helpful for developer
Flutter 跨平台的王者
Flutter easy to learn Flutter
Flutter let's learn it together together

Rap:
富文本用TextSpan
Form是表单 FormField是表单组件
TextField包含输入状态的组件
大多数组件都是Material Design
ios风格统一前缀用Curponito组件
AppBar是标题栏
手势识别是GestureDetector
Animated开头的是动画组件
结尾是Transition可以实现位移渐变
组件种类太多 不能逐个过一遍
希望大家掌握以上这些关键
Flutter还提供了原生交互方案
混合开发嵌入项目不再是麻烦
Flutter还在更新 大家一起提意见
pub社区开源库 等待大家完善

唱:
Flutter helpful for developer
Flutter 跨平台的王者
Flutter easy to learn Flutter
Flutter let's learn it together together

Rap:
so you don't know this
Dart is really Language of OOP
我们一定要切记
封装对象函数is the key(关键)
Everything in Flutter is Widget

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Flutter学习总结系列----第一章、Flutter基础全面详解

    版权声明:本文为博主原创文章,未经博主允许不得转载。https://www.jianshu.com/p/2c9867e737a1

    AWeiLoveAndroid
  • Flutter进阶篇(5)-- 使用Flutter创建插件详解并发布到Pub库

    下面详细的讲解一下Flutter如何创建一个插件,并且教大家上传到Pub库,让大家也体验一把自己的库被别人使用的自豪感。

    AWeiLoveAndroid
  • Flutter基础篇(8)-- Flutter for Web详细介绍

    Flutter for Web官方的Github库地址:https://github.com/flutter/flutter_web ,此存储库包含面向Web ...

    AWeiLoveAndroid
  • 客户端统一开发框架 Flutter 完全指南

    Flutter 作为一个跨平台的框架,其开发技术栈融合了 Native 和前端的技术,不仅涉及到了 Native(Android、iOS )的开发知识,又吸取了...

    老钱
  • Flutter 核心原理与混合开发模式

    在 「Fan 直播」的 Flutter 混合开发实践中,我们总结了一些 Flutter 混合开发的经验。本文第一篇章将从 Flutter 原理出发,详细介绍 ...

    QQ音乐技术团队
  • 2020 Flutter开源资源索引

    (3)Flutter Create 是我们发起的一次开发竞赛 https://github.com/pinkeshdarji/FlutterCreateSub...

    jerrypxiao
  • Flutter系列(一)——详细介绍

    Flutter 是谷歌推出的开发移动UI框架,可以快速的在IOS和Android上构建高质量的原生用户界面。

    Demo_Yang
  • Flutter系列(一)——详细介绍

    Flutter 是谷歌推出的开发移动UI框架,可以快速的在IOS和Android上构建高质量的原生用户界面。

    Demo_Yang
  • 听说 Flutter 最近要多火爆就有多火爆,那就推荐一个不错的系列文章吧

    就在上上周Flutter 发布首个预览版,Flutter 是谷歌的移动 UI 框架,可以快速在 iOS 和 Android 上构建高质量的原生用户界面。 Flu...

    非著名程序员
  • Flutter the Future

    Flutter Interact 2019在双12的凌晨结束了,6个多小时的大会,每一分钟都让一个开发者感到惊艳。

    用户1907613

扫码关注云+社区

领取腾讯云代金券