Flutter临摹微信第一节：需求分析与项目基础搭建(前置知识储备)

        各位同学大家好,我是《Flutter临摹微信》视频课程学习委员。为了让大家快速学习《Flutter临摹微信》这门实战课程，学习委员会对每一节课中的视频需要的知识储备进行整理，实战课使用的组件、或者插件实战讲师会简单介绍再使用，如果你觉得你目前所掌握的知识储备还是不够，我们这边会系统整理实战老师讲课前所用到的技术。我们也会手机学员遇到的问题进行统一整理，发送给后面学习的同学。

一、实战讲师创建项目

如果你本地已经安装了Flutter,在执行以上命令的时候不会抛出错误，当您的命令行出现如下的提示时，就说明你创建的项目已经完成了。

二、查看Flutter环境

可能有小伙伴在执行以上命令的时候会出现一下警告

这就是说明你本机中国并没有安装fvm，那你接下里执行下面的命令：

接着执行下面的命令：

好了，你现在就可以继续执行以上的命令了：

在你执行以上命令后会出现两种情况：

情况1：

        说明你并没有安装SDK，也许你可能有这样的疑惑，自己的机子本身就已经安装了SDK，是fvm找不到吧？其实不然，在fvm外部安装的SDK是不会显示的。

情况2:

        显示了SDK的版本(如果显示的版本与实战老师的版本不一致，则推荐修改为实战老师的版本也就是3.7.1)

执行以下命令查看SDK所有版本：

安装3.7.1版本

安装需求多长时间就看你这边的网速了，安装完车后执行：

就能够插卡当前版本了,

三、Text组件使用，

我们先来看一下 Text 组件的构造方法:

构造方法有两个，一个是默认的 Text 样式，一个是现实丰富 Text.rich 样式，这样解释大家应该能猜得到就和 Android 中的 SpannableString 一样，

下面来看一下 Text 组件的一些 API ：

• textAlign：        文本对齐方式（center居中，left左对齐，right右对齐，justfy两端对齐）

• textDirection：文本方向（ltr从左至右，rtl从右至左）

• softWare ：是否自动换行（true自动换行，false单行显示，超出屏幕部分默认截断处理）

• overflow：文字超出屏幕之后的处理方式（clip裁剪，fade渐隐，ellipsis省略号）

• textScaleFactor：字体显示倍率

• maxLines：文字显示最大行数

• style：字体的样式设置
  

下面是 TextStyle 的 API ：

• decoration：文字装饰线（none没有线，lineThrough删除线，overline上划线，underline下划线）

• decorationColor：文字装饰线颜色

• decorationStyle：文字装饰线风格（[dashed,dotted]虚线，double两根线，solid一根实线，wavy波浪线）

• wordSpacing：单词间隙（如果是负值，会让单词变得更紧凑）

• letterSpacing：字母间隙（如果是负值，会让字母变得更紧凑）

• fontStyle：文字样式（italic斜体，normal正常体）

• fontSize：文字大小

• color：文字颜色

• fontWeight：字体粗细（bold粗体，normal正常体）

           还有一点需要注意的是，在 Flutter 中，并不是每个 Widget 都有点击事件，比如 Text 就没有，这时候你需要用一个 GestureDetector 组件包住 Text 组件，然后实现它里面的 onTap() 事件，详细看下面代码：

具体的使用就到这里....。有了这些基础你可以跟实战老师写项目了。