[发明专利]Flutter组件的动态更新方法、装置、电子设备和存储介质

说明书

本发明提供了一种Flutter组件的动态更新方法、装置、电子设备和存储介质，该方法包括：获取目标页面中待更新的Flutter动态组件对应的动态资源；解码动态资源，得到具有递归层级结构的多个表达式，每个表达式包括至少一个组件配置；根据递归层级结构，对多个表达式进行递归解析，并实例化每个表达式中的组件配置，得到多个组件配置实例；将多个组件配置实例构建为Flutter组件配置树；通过Flutter系统调用Flutter组件配置树，以将更新后的Flutter动态组件显示在目标页面上。本发明减少了应用包的体积，减少对空间的占用，可以直接由Flutter的开发人员来开发，不需要额外的学习成本。

技术领域

本发明涉及前端技术领域，特别是涉及一种Flutter组件的动态更新方法、装置、电子设备和存储介质。

背景技术

动态更新可以拓展软件的更新方式，减少触达用户的成本，不需要用户到应用市场升级App(Application，应用程序)。动态更新使得软件内容的变化更简单，可以满足部分内容快速投放市场的需求。

现有技术中，可以基于MXFlutter对Flutter组件进行动态更新，但是，MXFlutter是基于JavaScript的动态框架，需要使用JavaScript来开发，而Flutter开发是使用Dart语言，两者存在开发人群和语言的不统一。

通过JavaScript开发语言来开发的MXFlutter，某种程度上脱离了Flutter生态，同时需要仿照Flutter，搭建一套JavaScript的镜像框架，面向的人群是前端JavaScript开发者，而对于Flutter的开发人员来说需要较大的学习成本，使用过程中还需要JavaScript与Dart之间的通信，通信链路较长，而且在应用程序运行时，还需要运行额外的JavaScript，导致应用包的体积较大，占用空间较多。

发明内容

鉴于上述问题，提出了本发明实施例以便提供一种克服上述问题或者至少部分地解决上述问题的一种Flutter组件的动态更新方法、装置、电子设备和存储介质。

依据本发明的第一方面，提供了一种Flutter组件的动态更新方法，包括：

获取目标页面中待更新的Flutter动态组件对应的动态资源；

解码所述动态资源，得到具有递归层级结构的多个表达式，每个所述表达式包括至少一个组件配置；

根据所述递归层级结构，对所述多个表达式进行递归解析，并实例化每个表达式中的组件配置，得到多个组件配置实例；

根据所述递归层级结构，将所述多个组件配置实例构建为所述Flutter动态组件对应的Flutter组件配置树；

通过Flutter系统调用所述Flutter组件配置树，以将更新后的Flutter动态组件显示在所述目标页面上。

依据本发明的第二方面，提供了一种Flutter组件的动态更新装置，包括：

动态资源获取模块，用于获取目标页面中待更新的Flutter动态组件对应的动态资源；

动态资源解码模块，用于解码所述动态资源，得到具有递归层级结构的多个表达式，每个所述表达式包括至少一个组件配置；

递归解析模块，用于根据所述递归层级结构，对所述多个表达式进行递归解析，并实例化每个表达式中的组件配置，得到多个组件配置实例；

Flutter组件配置树构建模块，用于根据所述递归层级结构，将所述多个组件配置实例构建为所述Flutter动态组件对应的Flutter组件配置树；

页面渲染模块，用于通过Flutter系统调用所述Flutter组件配置树，以将更新后的Flutter动态组件显示在所述目标页面上。