[发明专利]React组件和Flutter组件的映射方法、装置、电子设备及存储介质

说明书

本申请实施例公开了一种React组件和Flutter组件的映射方法、装置、电子设备及存储介质，该方法包括：将待映射React组件对应的TSX文件转换为抽象语法树AST；获取AST中的组件标签节点，并获取组件标签节点下的组件信息；将组件信息映射为Flutter的组件信息，生成初始Flutter组件；将初始Flutter组件继承预先创建的Flutter基础组件库，生成与待映射React组件对应的目标Flutter组件，Flutter基础组件库包括Flutter的基础组件。本申请实施例实现了将React组件自动映射为Flutter组件，可以降低人力成本，并且可以提高开发效率，可以提高组件的生成效率。

技术领域

本申请实施例涉及终端技术领域，特别是涉及一种React组件和Flutter组件的映射方法、装置、电子设备及存储介质。

背景技术

React和Flutter分别是跨平台的前端开发框架。React是一个声明式的，高效的，并且灵活的用于构建用户界面的JavaScript库。Flutter是Google一个新的用于构建跨平台的手机App的SDK，写一份代码，在Android和iOS平台上都可以运行。

在前端开发过程中，通常会使用React和Flutter来实现同一功能，从而可以在更多的平台上运行。现有技术中，在使用React和Flutter来实现同一功能时，需要用户分别编写对应的代码来实现，导致人力成本较高，而且开发效率较低。

发明内容

本申请实施例提供一种React组件和Flutter组件的映射方法、装置、电子设备及存储介质，有助于降低人力成本，提高开发效率，提高组件生成效率。

为了解决上述问题，第一方面，本申请实施例提供了一种React组件和Flutter组件的映射方法，包括：

将待映射React组件对应的TSX文件转换为抽象语法树AST；

获取所述AST中的组件标签节点，并获取所述组件标签节点下的组件信息；

将所述组件信息映射为Flutter的组件信息，生成初始Flutter组件；

将所述初始Flutter组件继承预先创建的Flutter基础组件库，生成与所述待映射React组件对应的目标Flutter组件，所述Flutter基础组件库包括Flutter的基础组件。

第二方面，本申请实施例提供了一种React组件和Flutter组件的映射装置，包括：

AST生成模块，用于将待映射React组件对应的TSX文件转换为抽象语法树AST；

组件信息获取模块，用于获取所述AST中的组件标签节点，并获取所述组件标签节点下的组件信息；

组件信息映射模块，用于将所述组件信息映射为Flutter的组件信息，生成初始Flutter组件；

Flutter组件生成模块，用于将所述初始Flutter组件继承预先创建的Flutter基础组件库，生成与所述待映射React组件对应的目标Flutter组件，所述Flutter基础组件库包括Flutter的基础组件。

第三方面，本申请实施例还提供了一种电子设备，包括存储器、处理器及存储在所述存储器上并可在处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现本申请实施例所述的React组件和Flutter组件的映射方法。

第四方面，本申请实施例提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时本申请实施例公开的React组件和Flutter组件的映射方法的步骤。