1,RN产物
rn代码,scss、ts、js、jsx、tsx这些文件,本质上都会打包到一个js产物文件中。
在这个过程中,最终生成的产物确实是一个或多个JavaScript文件,其中包含了应用的逻辑和样式。这是因为React Native的样式系统与Web不同,它使用JavaScript对象来定义样式,而不是传统的CSS文件。因此,所有的样式在打包过程中都会被转换成JavaScript对象并内嵌到JavaScript代码中,不再存在独立的CSS文件。
这种方式的优点是可以充分利用JavaScript的动态性和React Native的样式系统的灵活性,但也意味着样式和逻辑紧密结合在一起。
image.png2,flutter
image.png3,flutter fair
image.pngdart代码,打包成 逻辑js,界面描述使用json
image.png总结
无论是什么跨端技术,或是一些动态化方案,原理都可以类似于:
image.png
框架、编译、解析、渲染、目标运行环境。
网友评论