哈楼，我是老刘

老刘一直说自己做了4年Flutter，但实际上我们的项目是原生+Flutter+H5混合开发的。

这其中有一部分是历史原因，还有一部分是现行解决方案的能力边界原因。

我们来看看这几种技术的使用场景

这种技术很多App都在用，通过App内的WebView展示标准的H5页面。

使用场景：

比如我们有一个促销或者打卡活动，希望用户分享。

用户分享给微信好友的是一个链接，点击后会进入一个H5落地页。

如果我们希望用户在App内打开的活动页和在微信中点开的落地页是一样的，这时用H5的方案就非常好用。

优点：

1、 H5页面的开发没有任何限制，通常是专门的前端团队完成，可以使用任何团队熟悉的技术。

2、 最好的动态性效果，不需要用户更新App。

缺点：

1、 用户体验不是太好，对于性能要求较高的页面或者交互复杂的页面可能不太适用。

2、 在不同手机系统不同的系统版本（本质上是WebView版本）上会有一定的兼容性问题。

uni-app是基于Vue的，所以对前端同学来说基本没有学习门槛。

后期的uni-app借鉴了小程序的一些组件的设计机制。

同时对比H5又做了一些性能和体验方面的优化，因此其用户体验比H5要好。

uni-app最大的特点是一套代码支持部署到app、h5、小程序、快应用。

这一点是H5和Flutter都无法做到的。

但是这一点做的并不是太完美，开发者经常需要再各个平台的开发环境下单独进行调试。

Flutter使用了自带绘制引擎的架构设计。

带来的好处就是原生基本的性能和极高的不同端一致性效果。

关于Flutter的具体特性可以看我的这篇回答，这里就不细说了：

那么这几个技术该如何选择呢？

如果需要把一套代码同时部署到App和小程序

那么uniapp是这里唯一的选择（其实还有京东的Taro）

如果只是部署到客户端内

Flutter是最好的选择。

截止2021年底，Flutter超越RN成为最受欢迎的跨平台开发框架。

流行度高的好处就是各种稀奇古怪的问题都能找到解决方案，另外生态也会走向正循环越来越好。

这种情况其实是代替原生页面，使用Flutter可以保证用户体验和原生页面一致，不会有H5或者uni-app造成的用户体验明显下降的问题。

如果要分享页面到第三方如微信

分享出去的只能是H5页面

这里H5页面的编写可以独立写H5页面，也可以用uni-app或者Flutter生成H5页面。

要注意一点是，Flutter写web页面无法使用前端的技术生态，只能用Flutter自身的各种控件。

如果看到这里的同学有学习Flutter的兴趣，欢迎联系老刘，我们互相学习。

点击免费领老刘整理的《Flutter开发手册》，覆盖90%应用开发场景。

可以作为Flutter学习的知识地图。