flutter 简单介绍

flutter 框架介绍

Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。它使用dart 编程语言书写。

flutter 和 RN 的运行原理对比

flutter 层级架构

 

flutter的项目架构

1，flutter搭建的ui界面文件，一般是在lib文件夹下。

2，pubspec.yaml 用来配置一些资源信息和第三方架包，它有点像是android的gradle文件。

3，assets是存放资源文件的，比如图片等 ，这个文件夹的名字可以根据自己的喜好起名字。

4，android ，ios 文件夹对应的就是你的原生项目文件，这里就不解释了，相信大家都理解。

 

   flutter是dart编写，dart来说一切皆是对象，dart的变量声明未赋值时该变量是空对象（int 型未初始化同样也是 null），所以当你编写flutter是对于生命的的变量一定要注意其初始化的问题。

 

对于flutter来说一切皆是widget，不过是容器，基本组件，或者是界面都是widget ，flutter提供了一些实现好了的布局架构如：ListTile，若果你需要实现自己的布局架构可以使用flutter提供的基本widget来进行自定义，这一点本人感觉比android自定义组件简单太多。

关于flutter 的基本widget 就不做详细介绍，只给出学习网站：

https://flutterchina.club/   flutter中文网

https://juejin.im/tag/Flutter  掘金Flutter专栏

https://www.zhihu.com/topic/20172123/hot   知乎Flutter问答

https://www.youtube.com/watch?v=p_hGko5v4D8&list=PL274L1n86T83ps4pzbc6cFSpW38jJSdEb    dart基础视频

搭建flutter项目步骤：

1，确保flutter sdk安装成功，未安装可以在flutter官网下载，解压到你指定的存放位置，然后配置环境变量即可

2，在android studio 中配置 flutter 和 dart 即可

 

dart 同样配置。

 

具体的flutter 开发后续更新现在把我自己写的model 在github地址公布下,感兴趣的同学可以去看看（水平有限，有错误处，望大家见谅）

https://github.com/yangyuanye/my_flutter