请稍等 ...
×

采纳答案成功!

向帮助你的同学说点啥吧!感谢那些助人为乐的人

【重要】Android开发者如何快速上手Flutter开发-文档教程

Android

本节课的设计初衷是希望帮助到有一定Android知识的同学,能够复用到现有的Android知识来快速上手Flutter开发。相比其他的开发者,Android开发者是最容易上手Flutter开发的一批人,因为Flutter对Android开发者是比较亲和的,为什么这么说呢,这和Flutter和Android同出自Google是分不开的。

语言基础

在开发语言上Flutter采用的是Google的Dart语音,从Dart2开始Dart便是强类型语言,而且是静态类型的,另外还有很重要的一点是Dart是面向对象的,这和Android同学熟知的Java语言很相似,所以Android学习Flutter在语言基础是上有优势的,能够复用现有的Java语言基础来学习Dart。

开发工具

在开发工具上Flutter的官方支持的开发工具是Android Studio,对没错就是同学们平时开发Android所用的Android Studio,我们只需要在现有的Android Studio基础上安装Flutter和Dart插件即可让我们手中的Android Studio拥有开发Flutter的能力,这块环境的搭建大家可以参考我们课程中《开发工具准备与开发环境搭建》一节的讲解。

布局

在布局方面,Flutter采用的是声明式UI布局方式这和Android和iOS的框架通常使用的命令式的UI编程风格有所不同。

为了减轻开发人员在各种UI状态之间转换的编程负担,Flutter让开发人员描述当前的UI状态,并切不需要关系它是如何过渡到框架的。

虽然声明式UI能帮我们减轻很多负担,但大家要将布局的思维方式要转变过来。

接下来,我们来体验一下Flutter声明式UI布局方式的效果:

Container(
    decoration: BoxDecoration(color: Colors.grey),
    child: Text(
    '声明式布局',
    style: TextStyle(
        fontSize: 20, fontWeight: FontWeight.w600, color: Colors.red),
    ),
)

从上面Flutter代码可以看出,Flutter的布局方式和我们Android布局常用的xml布局方式有所不同,从Android布局方式到Flutter的布局方式的转变需要一段时间进行适应,我们需要做的就是多画界面从中找到感觉,另外在课程中我们为大家准备了《如何进行Flutter布局开发?》相关知识点的讲解,推荐大家进行学习。

控件

在Android开发过程中我们经常会用到一些控件,比如:View、LinearLayout、RelativeLayout、ScrollView、RecyclerView、ListView、TextView、EditText等,那这些常用的控件在Flutter中对应产物是什么呢?

Android控件 Flutter Widget
View Widget
LinearLayout Colum、Row
RelativeLayout Column+Row+Stack
ScrollView、RecyclerView、ListView ListView
TextView Text
EditText TextField

第三方库

配套资料

正在回答 回答被采纳积分+3

1回答

提问者 CrazyCodeBoy 2020-02-19 21:39:02

如上。

0 回复 有任何疑惑可以回复我~
  • 有一些错别字哦
    回复 有任何疑惑可以回复我~ 2021-03-01 11:46:43
问题已解决,确定采纳
还有疑问,暂不采纳
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号