React组件和Flutter组件的映射方法、装置、电子设备及存储介质制造方法及图纸

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

【技术实现步骤摘要】
React组件和Flutter组件的映射方法、装置、电子设备及存储介质
本申请实施例涉及终端
，特别是涉及一种React组件和Flutter组件的映射方法、装置、电子设备及存储介质。
技术介绍
React和Flutter分别是跨平台的前端开发框架。React是一个声明式的，高效的，并且灵活的用于构建用户界面的JavaScript库。Flutter是Google一个新的用于构建跨平台的手机App的SDK，写一份代码，在Android和iOS平台上都可以运行。在前端开发过程中，通常会使用React和Flutter来实现同一功能，从而可以在更多的平台上运行。现有技术中，在使用React和Flutter来实现同一功能时，需要用户分别编写对应的代码来实现，导致人力成本较高，而且开发效率较低。
技术实现思路
本申请实施例提供一种React组件和Flutter组件的映射方法、装置、电子设备及存储介质，有助于降低人力成本，提高开发效率，提高组件生成效率。为了解决上述问题，第一方面，本申请实施例提供了一种Reac本文档来自技高网...

【技术保护点】
1.一种React组件和Flutter组件的映射方法，其特征在于，包括：/n将待映射React组件对应的TSX文件转换为抽象语法树AST；/n获取所述AST中的组件标签节点，并获取所述组件标签节点下的组件信息；/n将所述组件信息映射为Flutter的组件信息，生成初始Flutter组件；/n将所述初始Flutter组件继承预先创建的Flutter基础组件库，生成与所述待映射React组件对应的目标Flutter组件，所述Flutter基础组件库包括Flutter的基础组件。/n

【技术特征摘要】
1.一种React组件和Flutter组件的映射方法，其特征在于，包括：
将待映射React组件对应的TSX文件转换为抽象语法树AST；
获取所述AST中的组件标签节点，并获取所述组件标签节点下的组件信息；
将所述组件信息映射为Flutter的组件信息，生成初始Flutter组件；
将所述初始Flutter组件继承预先创建的Flutter基础组件库，生成与所述待映射React组件对应的目标Flutter组件，所述Flutter基础组件库包括Flutter的基础组件。


2.根据权利要求1所述的方法，其特征在于，所述组件信息包括组件开始标识、标签名称、组件属性、组件样式和组件结束标识。


3.根据权利要求2所述的方法，其特征在于，所述获取所述组件标签节点下的组件信息，包括：
获取所述组件标签节点下的组件开始标识和组件结束标识；
获取所述组件开始标识和组件结束标识之间的标签名称、组件属性和组件样式。


4.根据权利要求2所述的方法，其特征在于，将所述组件信息映射为Flutter的组件信息，生成初始Flutter组件，包括：
将所述标签名称映射为Flutter的组件名称；
将所述组件属性中的键值对拼接为Flutter的组件属性；
根据预先设置的样式映射关系，将所述组件样式映射为Flutter的组件样式；
将所述组件结束标识映射为Flutter的组件结束标识；
根据映射后得到的Flutter的组件名称、组件属性、组件样式和组件结束标识，生成初始Flutter组件。


5.根据权利要求4所述的方法，其特征在于，所述根据预先设置的样式映射关系，将所述组件样式映射为Flutter的组件样式，包括：
根据预先设置的样式映射关系，将所述组件样式中的属性名称映射为Flutter的组件样式中的属性名称。


6.根据权利要求5所述的方法，其特征在于，所述根据预先设置的样式映射关系，将所述组件样式映射为F...

【专利技术属性】
技术研发人员：王硕，杨杰，
申请(专利权)人：北京三快在线科技有限公司，
类型：发明
国别省市：北京;11