[发明专利]界面显示方法、装置、电子设备及存储介质

说明书

本申请提供的界面显示方法、装置、电子设备及存储介质，应用于计算机技术领域，所述方法包括：接收对于Flutter应用界面的控制指令；响应于所述控制指令，调用所述Flutter应用界面中至少一个界面组件相对应的JavaScript语言逻辑函数，以获取所述界面组件的第一状态数据；解析所述第一状态数据，得到Dart语言的第二状态数据；根据所述第二状态数据对所述界面组件进行渲染，以显示包含所述界面组件的Flutter应用界面。本方案使得Flutter应用界面可以通过具有高可读性的JavaScript语言进行调整，使得开发人员可以使用JavaScript语言便捷地对Flutter应用界面进行动态调整。

技术领域

本申请属于计算机技术领域，特别是涉及一种界面显示方法、装置、电子设备及存储介质。

背景技术

Flutter一种跨平台的移动端开发框架，开发语言采用Dart语言，支持Android、iOS、Web等操作系统。由于Dart同时支持AOT(Ahead-of-Time Compilation，提前编译)和JIT(Just inTimeCompilation，即时编译)，所以Flutter天生支持动态化，但出于安全原因，Flutter框架并不支持Flutter在生成环境开启动态化。

因此现有技术中在应用程序中的页面需要更新时，需要开发人员重新开发新的应用程序版本进行发布动移动端下载更新后，才能在客户端来展示新的页面样式和内容，显然这种方式由于需要耗费大量人力和时间成本，降低了Flutter应用程序中页面的更新效率，无法适应于用户对于应用程序中页面更新的需求，并且Flutter框架下的Dart语言可读性差，不便于开发人员对Flutter应用程序进行动态调整。

发明内容

有鉴于此，本申请实施例提出一种界面显示方法、装置、电子设备及存储介质，用于尽可能解决现有技术中Flutter框架由于不支持生成环境开启动态化以及使用Dart语言，导致开发人员无法便捷地对Flutter应用程序进行动态调整的问题。

本申请第一方面提供一种界面显示方法，所述方法包括：

接收对于Flutter应用界面的控制指令；

响应于所述控制指令，调用所述Flutter应用界面中至少一个界面组件相对应的JavaScript语言逻辑函数，以获取所述界面组件的第一状态数据；

解析所述第一状态数据，得到Dart语言的第二状态数据；

根据所述第二状态数据对所述界面组件进行渲染，以显示包含所述界面组件的Flutter应用界面。

可选地，在所述控制指令是对于所述Flutter应用界面的显示指令的情况下，所述调用所述Flutter应用界面中至少一个界面组件相对应的JavaScript语言逻辑函数，以获取所述各界面组件的第一状态数据，包括：

调用所述Flutter应用界面中各界面组件相对应的JavaScript语言逻辑函数，以获取所述各界面组件的初始状态数据，将所述初始状态数据作为所述第一状态数据。

可选地，在控制指令是对于所述Flutter应用界面中目标界面组件的更新指令的情况下，所述调用所述Flutter应用界面中至少一个界面组件相对应的JavaScript语言逻辑函数，以获取所述各界面组件的第一状态数据，包括：

调用所述目标界面组件相对应的JavaScript语言逻辑函数，以获取所述目标界面组件的更新状态数据，将所述更新状态数据作为所述第一状态数据；

所述根据所述第二状态数据对所述界面组件进行渲染，以显示包含所述界面组件的Flutter应用界面，包括：

根据所述第二状态数据对所述目标界面组件进行渲染，以对所显示的所述Flutter应用界面中的所述目标界面组件进行更新。