2022 年了， React Native 和 Flutter、uni-app 怎么选？

[gongquanlin]

最近想学一门移动端跨端技术，作为自己技术栈的一个补充，看 v2 上支持 rn 和 flutter 的各一半，但是回答都是 20 年或之前的居多，反对 flutter 的主要原因，主要是 flutter 技术没有这么成熟云云

现在 2022 年了，flutter 也出了 2 了，因此想看一下广大 v 友对这两门框架的意见？

介绍下个人情况：在公司主要是写 vue 和 java ，在外写 php+go ，所以也不排斥学新语言(dart)。

看写法上 flutter 和 RN 都很像，业务上之前请教前端大哥，app 都是 uniapp 一把梭哈，虽然 uniapp 可以，而且看 csdn 的客户端好像也是 uniapp 的？但是还是想搞一把 rn 或者 flutter

倾向于 rn ，因为会 css ，觉着用 react 写样式也比较快； flutter 主要是嵌套地狱太劝退了，看样式上和 css 好像没有太大区别；

所以不知道各位 v 友有啥建议没

[Bijiabo]

首先排除 uni 和 Flutter ，然后...似乎没得选了

[Yother]

稳稳的 Flutter 。

[kwanzaa]

你得先学客户端再去考虑“一门移动端跨端技术”。作为 web 前端跳过来算是跳坑了。

[Cbdy]

技术选型有一个小妙招：就是选择这个领域用的人最多的，社区最活跃的，有个好爸爸的

[yazinnnn]

可选 kotlin+compose

[9ki]

不要相信楼上的 Flutter Web, 这玩意就是个天坑, 体积巨大, 性能巨差, 不知道是怎么作为正式功能被推出的.

[a570295535]

flutter 开发的 app ，
安卓手机大多滑动页面卡顿掉帧，不够流畅，体验比较难受。

[3dwelcome]

@9ki 用 flutter 都是大多客户端 native 转过来的，主攻客户端技术，他们不在乎 web 性能。

在乎 web 性能的，那就是 React/VUE 那套，可选择移动框架很多了，又何必选个新语言为难自己。

[Removable]

看了各位的回复，感觉答案依旧不统一啊

[reallittoma]

@Chad0000 #10 有公司在用 Xamarin 做开发吗？找了一圈求职网站都没看到几个。我只在个人项目里用它……

[LewisW]

如果你想学移动端技术的话 我觉得学 android 或者 iOS 原生开发会好点

[i979491586]

2022 年推荐 flutter ，说 flutter 嵌套地狱的，估计写其他前端代码也跟屎似的。
说 flutter 卡的 自己先写一个去试试 release 模式，再来云

[gongquanlin]

感谢各位朋友的支持回复！ rn 和 flutter 这两天我抽空都装上了，简单写了几个 demo ，就目前问题简单说一下我的想法：
react natvie：因为我本身也做前端，所以上手很快，有现成的组件库（ ant design mobile ），样式也都是 css 的语法，写起来没有啥问题

flutter：因为本身 dart 是新语言，但是语法糖看着还算简单，上手也很快，嵌套的问题在 vscode 里面编辑器会自动加注释，相对来说还好一些，主要的问题是组件不熟悉，样式不熟悉，全都需要重新学，因此写起来可能门槛高一点

flutter 的样式写起来确实不如 css/scss 方便，可能也和个人习惯有关，flutter 本身写样式的方式，个人感觉和 compose 挺像，本质上就是调用函数。
样式写起来不方便，看了一下可能和 flutter 的渲染方式有关，需要先转 element 再转 rederObject 最后渲染 layer 。

不过有失必有得，这样万物基于 widget ，性能上进行优化确实比 css 可能方便一些？个人拙见

我因为只是写了个 hello,world ，目前正在研究两者的路由、网络、样式等功能，然后再给大家个回复吧！

[Chad0000]

@reallittoma #30 我们这边做 APP 的比较少，我也是在自己的项目中使用。

[LiuJiang]

@makelove hooks 组件

[jk0001688]

rn 吧，会 react 无脑写 app

[moosoul]

UniApp
这个先放弃吧，写小程序还不错，已经用 uniapp 上架了两款小程序（长期运营维护，但是编辑器还是 bug 比较多，主要是跟 HBuilderX 的一个 hot reload 有关，但是不是啥大问题，大不了重新编译一次）

Flutter 2.0
已上架两款应用。一款简单，一款复杂。都是社交类应用（三方服务采用的腾讯云的 IM ，现阶段 3.5 版本之后的 IM 的 flutter 插件还不错，以前的很坑）
然后复杂应用中有一款涉及到，IM 、富文本编辑、相机、录音、实时音视频。这个时候就能发现 flutter 的各种坑了。（如果你愿意花时间折腾那可以用）
目前坑点稍微说一下
1. Google Flutter Plugin 中的 Camera 、Video Player 的问题，前者旋转拍照的支持有问题,0.2 版本的 bug 如今 0.9 了还未修复，后者对旋转的视频的方向支持有问题，也是 0.1,0.2 版本的问题现在 2.0 以后了还未解决。
2. 富文本编辑器使用的 flutter quill,这个库还不错基于 flutter 的 skia 那套自己完全重绘，性能和效率还不错，但是功能性上面相对于成熟的富文本编辑器缺失太多，编辑器的基础的输入，换行，样式各种都有不少问题，因目前还比较基础很多 API 封装的不够彻底，经常有需要自己手动修改编辑器的 meta data 的情况
3. Flutter 自身，语言上是 Dart 这个没啥好评价的，多学一门语言而已，大多数程序员都没有压力。但是 UI 构建的方式基于 Widget 的，这个 Widget 看似很完美，当你应用内自定义的内容较多的时候，你就会发现，万物不是 Widget 了，万物都是 Container ，基本组件都是自己基于 Container 去修改。看了很多文章都说 Flutter 通过 Skia 自绘了一套 UI ，保证了 Android 和 iOS 的一致性，真希望这些作者拿 Flutter 去写一个实际项目，这个一致性真的没啥用，大多数都还是需要你自定义（这个时候我就很怀念 React Native 了，反正也可以 div 一把梭啊）
4. 三方插件上，大多数插件也是需要自定义的，我列一下我自定义的 pub 的插件
google_plugins （主要是修改上面说的两个插件的 bug ）
flutter_wechat_camera_picker （如上，内部采用的以上两个插件）
sliding_up_panel （有一个容器高度的 bug ）
ai_barcode （需要自定义扫描线的风格）
flutter_quill （需要解决一些编辑 bug ，以及自定义一些 Style ）


React Native 0.59
已上架 2 款以上应用。
缺点还是性能问题，但是大多数基础项目，我做了这么多款项目还真没碰到性能说跟 Flutter 差距很多的地方。
再个长时间没接触 React Native 了更多的就不评价了。


以上对比下来
Flutter == ReactNative >>>>>>> UniApp(做 App 用这个你就是坑自己)

我看 RN 更新了 0.69 版本据说在原生交互方便加入了 JNI,可以直接调用原生不像以前是采用类似 json 数据通讯的方式，我准备再回归 RN 试试了。
如果内心不够强大，项目又够复杂真的不建议 Flutter ，需要原生处理的多出你的想想。
其实如果做到复杂项目上，Flutter 和 RN 真的 55 开，都需要你有不错的原生基础。

最后说一下我想回归 RN 的原因
1. JS/TS ，日常是 Nodejs 全栈，也会些一下 React 项目，语言上更熟悉。
2. Flutter 当前主版本还算比较稳定，但是三方库一言难尽，并且样式相关的很多官方自己都没有一套很好的自定义方案，那三方库更不可能支持的有多好，大多数三方库最后为了改一些样式只能拉下来自己改库了。

至于大家最终选用什么样的框架看是看需求吧，考虑性能直接原生，不考虑性能的简单项目除了 uniapp 任选，复杂项目如果本身也是 js/ts 那就 RN

[caoyanglee]

已经上架 2 款 Flutter 应用， [记得倒数日] [榴莲日记] 可以参考一下~

[cnuser002]

Flutter 的跨平台思路很大胆激进，是彻底的另起炉灶。
而 React 本质还是基于 JS 的一套妥协的玩法，发展潜力不大了。
从战未来的角度，Flutter 或许更值得研究。

但跨平台的本质并无不同。统一界面代码，调用平台原生功能。
选对的不如选会的。