美文网首页
2024-07-19 从FlutterFair和RN的产物来看跨

2024-07-19 从FlutterFair和RN的产物来看跨

作者: 我是小胡胡123 | 来源:发表于2024-07-18 17:14 被阅读0次

1,RN产物

rn代码,scss、ts、js、jsx、tsx这些文件,本质上都会打包到一个js产物文件中。

在这个过程中,最终生成的产物确实是一个或多个JavaScript文件,其中包含了应用的逻辑和样式。这是因为React Native的样式系统与Web不同,它使用JavaScript对象来定义样式,而不是传统的CSS文件。因此,所有的样式在打包过程中都会被转换成JavaScript对象并内嵌到JavaScript代码中,不再存在独立的CSS文件。

这种方式的优点是可以充分利用JavaScript的动态性和React Native的样式系统的灵活性,但也意味着样式和逻辑紧密结合在一起。

image.png

2,flutter

image.png

3,flutter fair

image.png

dart代码,打包成 逻辑js,界面描述使用json

image.png

总结

无论是什么跨端技术,或是一些动态化方案,原理都可以类似于:


image.png

框架、编译、解析、渲染、目标运行环境。

相关文章

网友评论

      本文标题:2024-07-19 从FlutterFair和RN的产物来看跨

      本文链接:https://www.haomeiwen.com/subject/ovnrhjtx.html