本文目录

1. kotlin和flutter哪个更值得深究学习
2. flutter和vue的区别
3. 为什么阿里巴巴、腾讯和Google之类的企业都在使用Flutter开发App
4. flutter widget交换不生效原因

kotlin和flutter哪个更值得深究学习

首先我们讲下它们的区别，kotlin是一种语言，flutter是基于dart的framework，两者不好相提并论。鉴于kotlin是android的官方语言，通常是android开发者关注比较多(现在也有后端在用)，所以我觉得题主真正想问的是android和flutter哪个更值得学吧。如果问的是这个，我给的建议是先把android熟练掌握后，再研究flutter。

不过回到题主的问题，虽然kotlin和flutter不好相提并论，但我觉得他俩还是有共同点的。kotlin是在java之上做的加法，而java是跨平台的，flutter就不用说了，跨终端的ui框架，所以，这两者的共同点是解决如何抹平多平台的开发差异，只是一个是语言层面，一个是framework层面。从这个点去看待，可以发现蛮多有意思的话题的。

如果对语言感兴趣，那就深入研究研究kotlin，为何java好好的，还要有kotlin，它比java好在哪，解决了哪些问题，从语言设计的角度，我觉得kotlin有很多地方值得学习和思考。如果对框架感兴趣，可以多花心思在flutter上，切入点也和前面提到的类似，看看现有的跨端框架有哪些，各自的优点和局限性是哪些，flutter推出后引发的这波热度说明flutter解决了跨端的一些痛点，就现状而言，跨端的痛点是什么，flutter如何解决的，它为啥选择这些的方案，这些是值得去学习的。

flutter和vue的区别

Flutter是Google开源的UI工具包，帮助开发者通过一套代码库高效构建多平台精美应用，支持移动、Web、桌面和嵌入式平台。Flutter开源、免费，拥有宽松的开源协议，适合商业项目。

Flutter可以方便的加入现有的工程中。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。它也是构建未来的GoogleFuchsia应用的主要方式。

Flutter组件采用现代响应式框架构建，这是从React中获得的灵感，中心思想是用组件(widget)构建你的UI。组件描述了在给定其当前配置和状态时他们显示的样子。当组件状态改变，组件会重构它的描述(description)，Flutter会对比之前的描述，以确定底层渲染树从当前状态转换到下一个状态所需要的最小更改。

vue

vue.js是一个轻巧、高性能、可组件化的MVVM库，同时拥有非常容易上手的API。

Vue.js是一个构建数据驱动的Web界面的库。

vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue采用自底向上增量开发的设计。Vue的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。数据驱动+组件化的前端开发。

简而言之：Vue.js是一个构建数据驱动的web界面的渐进式框架。Vue.js的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。核心是一个响应的数据绑定系统。

vue的优点：

1.实现页面嵌套路由。

2.考虑多人同时开发，使得多个controller.js，配合路由按需加载，提升页面响应速度。

3.添加$http（Angular实现http请求的服务）全局拦截器，方便对http请求进行统一管理。

4.方便使用，写了几个service和factory。

5.自定义了几个常用的管理系统UI，由Angular指令实现。

为什么阿里巴巴、腾讯和Google之类的企业都在使用Flutter开发App

说到Flutter，绝对绕不开Fuchsia，这个是谷歌开发的一款全新的操作系统，GitHub地址以及Googlesource主页。Fuchsia内核是MagentaKernel，一个基于LittleKernel的项目。该系统与Android相比，无论是存储器还是内存之类的硬件要求都大幅降低，外界推论是一款面向物联网的系统。笔者倒是没有查到谷歌开发这款操作系统的目的，如果有知晓的，也烦请告知。

就像很多博客主说的那样，如果只是取代Android，那无疑是一种很不好的做法。任何技术的推动，都得靠背后的商业驱动，尤其是这种涉及到手机厂商利益的技术。

Flutter

Flutter是Fuchsia的开发框架，是一套移动UI框架，可以快速在iOS、Android以及Fuchsia上构建高质量的原生用户界面。目前Flutter是完全免费、开源的，GitHub地址。其官方编程语言为Dart，也是一门全新的语言。所以说，上手成本比较高，对于移动端开发人员，语言以及框架都是全新的，整个技术栈的积累也都得从头开始。

可以看下其官方介绍的特性：

快速开发：Flutter的热重载可以快速地进行测试、构建UI、添加功能并更快地修复错误。

富有表现力，漂亮的用户界面：自带的MaterialDesign和Cupertino（iOS风格）widget、丰富的motionAPI、平滑而自然的滑动效果。

响应式框架：使用Flutter的现代、响应式框架，和一系列基础widget，轻松构建您的用户界面。

访问本地功能和SDK：Flutter可以复用现有的Java、Swift或ObjC代码，访问iOS和Android上的原生系统功能和系统SDK。

统一的应用开发体验：Flutter拥有丰富的工具和库，可以帮助开发者轻松地同时在iOS和Android系统中实现想法和创意。

原生性能：Flutter包含了许多核心的widget，如滚动、导航、图标和字体等，这些都可以在iOS和Android上达到原生应用一样的性能。

其实从官方特性来看，唯一有点吸引力的就是统一的应用开发体验。一套代码运行在多个平台，做到真正的跨平台。像热加载，目前Android开发本身就支持了，响应式框架以及访问本地功能和SDK，对于Native来说，本身并没有多大的吸引。至于漂亮的用户界面，国内的商业项目，哪一个会去按照MaterialDesign去设计。

跨平台本身，往往意味着性能受损，通用性解决不了的问题，又得回到Native去实现。所以这些因素也是跨平台从移动端诞生之初就开始提，到现在也没有被很好解决的一个原因。至于谷歌能够做到什么程度，或者说开发者该保持什么期许，我觉得都不好说，或许谷歌解决了一个多年的难题，或者又像被谷歌放弃掉的其他项目一样。抛开商业层面，对于技术人员，我们更多的是应该去关注它的思想，谷歌是如何去解决这些实际存在很久的问题的，至于技术本身的发展，这个是个人开发者无法去左右的，技术的更迭，保持一种学习的状态，然后努力锻炼身体，就能够保证不被淘汰掉。

Dart

Dart是谷歌开发的计算机编程语言，于2011年10月份发布，可以被用于web、服务器、移动端和物联网等领域的开发。Flutter采用Dart，原因很多，抛开商业层面的Java版权问题，单纯从技术层面：

Dart是AOT（AheadOfTime）编译的，编译成快速、可预测的本地代码，使Flutter几乎都可以使用Dart编写；

Dart也可以JIT（JustInTime）编译，开发周期快；

Dart可以更轻松地创建以60fps运行的流畅动画和转场；

Dart使Flutter不需要单独的声明式布局语言；

Dart容易学习，具有静态和动态语言用户都熟悉的特性。

Dart最初设计是为了取代JavaScript成为web开发的首选语言，最后的结果可想而知，到Dart2的发布，专注于改善构建客户端应用程序的体验，可以看出定位的转变。用过Java、Kotlin的人，可以很快的上手Dart。

一门语言的成败，抛开背后的商业推动，我想很重要的一点在于其生态，生态的好坏，主要包括开发者以及第三方库的数目，目前看，Dart的生态还是比较差。对于个人开发者，可以根据心情来选择，但是对于商业应用，有更复杂的考量标准。Dart背后有谷歌的推动，能发展到什么程度，还得看其商业运作能力了。

配置

此部分针对Mac平台，Windows平台的安装配置，Linux平台的安装配置。由于笔者主要做移动端开发，如果想使用Flutter进行iOS和Android全平台的开发，环境也建议是Mac平台，毕竟iOS只能在Mac下进行模拟调试。

安装Flutter

gitclone-bbetahttps://github.com/flutter/flutter.gitexportPUB_HOSTED_URL=https://pub.flutter-io.cn//国内用户需要设置exportFLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn//国内用户需要设置exportPATH=`pwd`/flutter/bin:$PATH

iOS设置

brewupdatebrewinstall--HEADlibimobiledevicebrewinstallideviceinstallerios-deploycocoapodspodsetup

Android设置

下载AndroidStudio，安装Flutter插件，会将Dart插件也一起安装。

体验Flutter

IDE建议选择AndroidStudio，安装了Flutter插件后，Flutter的开发跟Android开发类似，附带三种模版工程、断点调试等。

在AndroidStudio里面新建一个FlutterApplication的项目，选择模拟器或者直接连接真机运行，就可以看到一个简单的Flutter应用了，可以在Android和iOS不同平台下看看差异。

Flutter架构

Flutter是一款移动应用程序SDK，一份代码可以同时生成iOS和Android两个高性能、高保真的应用程序。

Flutter不同平台表现

Flutter对于移动开发人员，最诱惑的能力是其完全的跨平台特性，不同于RN这种一处学到处写，它是一处写到出跑，但是他跟其他的跨平台有何区别呢？

跨平台解决方案

市面上的跨平台解决方案，可以大致归结为两类：

使用平台支持的web技术：这些解决方案基本上加载了应用程序中的移动浏览器，并在该浏览器中执行所有的逻辑，例如PhoneGap。

本地跨平台：程序员编写的代码自动转换为Native代码，这种方式的优点是近乎原生的性能，例如RN、Weex、Xamarin等。

这些方案是否真正的解决了跨平台问题呢？从目前的状况来看，很显然是没有的，因为它们都始终逃不开性能、包大小、流畅性、内存、平台特性等问题。

2017年8月跨平台性能测试

flutter widget交换不生效原因

在Flutter中，如果交换widget不生效，可能有以下几个原因：

错误的使用了交换widget的方法：在Flutter中，可以使用Stack、IndexedStack或者Visibility等widget来实现交换效果。如果使用了错误的方法或者参数设置不正确，可能导致交换不生效。

未正确更新widget的状态：如果交换widget是基于某个状态的变化来实现的，那么需要确保在状态发生变化时正确地更新widget。可以使用setState方法来通知Flutter框架重新构建widget树。

交换widget的位置或层级问题：如果交换的widget在布局中的位置或层级不正确，可能导致交换不生效。需要确保交换的widget在正确的位置和层级上。

其他布局或约束问题：如果交换的widget受到其他布局或约束条件的限制，可能导致交换不生效。需要检查其他相关的布局代码，确保没有限制交换的条件存在。

如果以上方法都没有解决问题，建议提供更具体的代码和描述，以便更好地理解和排查问题。

END，本文到此结束，如果可以帮助到大家，还望关注本站哦！