[发明专利]页面组件布局方法、装置、电子设备及可读存储介质

权利要求书

1.一种页面组件布局方法，其特征在于，包括：

在目标页面内的目标位置处创建Flutter组件；

在所述Flutter组件中创建组件包裹器；

将目标web组件渲染至所述组件包裹器内，以完成页面组件布局。

2.根据权利要求1所述的方法，其特征在于，在所述在目标页面内的目标位置处创建Flutter组件之前，还包括：

获取已创建的web组件；

定义所述web组件在所述目标页面对应的编程语言内的调用指示信息。

3.根据权利要求1所述的方法，其特征在于，在所述在目标页面内的目标位置处创建Flutter组件之后，还包括：

设置所述Flutter组件的显示样式和显示属性；

其中，所述显示样式包括：组件长度、组件宽度，所述显示属性包括：内边距属性。

4.根据权利要求1所述的方法，其特征在于，所述在所述Flutter组件中创建组件包裹器，包括：

基于所述目标页面对应的编程语言，创建所述组件包裹器；

将所述组件包裹器装载于所述Flutter组件内。

5.根据权利要求1所述的方法，其特征在于，所述将目标web组件渲染至所述组件包裹器内，以完成页面组件布局，包括：

将所述目标web组件插入所述组件包裹器内；

渲染显示所述目标web组件，以完成页面组件布局。

6.一种页面组件布局装置，其特征在于，包括：

Flutter组件创建模块，用于在目标页面内的目标位置处创建Flutter组件；

组件包裹器创建模块，用于在所述Flutter组件中创建组件包裹器；

Web组件渲染模块，用于将目标web组件渲染至所述组件包裹器内，以完成页面组件布局。

7.根据权利要求6所述的装置，其特征在于，所述装置还包括：

Web组件创建模块，用于获取已创建的web组件；

调用指示定义模块，用于定义所述web组件在所述目标页面对应的编程语言内的调用指示信息。

8.根据权利要求6所述的装置，其特征在于，所述装置还包括：

组件属性设置模块，用于设置所述Flutter组件的显示样式和显示属性；

其中，所述显示样式包括：组件长度、组件宽度，所述显示属性包括：内边距属性。

9.根据权利要求6所述的装置，其特征在于，所述组件包裹器创建模块包括：

组件包裹器创建单元，用于基于所述目标页面对应的编程语言，创建所述组件包裹器；

组件包裹器装载单元，用于将所述组件包裹器装载于所述Flutter组件内。

10.根据权利要求6所述的装置，其特征在于，所述Web组件渲染模块包括：

Web组件插入单元，用于将所述目标web组件插入所述组件包裹器内；

Web组件渲染单元，用于渲染显示所述目标web组件，以完成页面组件布局。

11.一种电子设备，其特征在于，包括：

处理器、存储器以及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述程序时实现如权利要求1至5中任一项所述的页面组件布局方法。

12.一种可读存储介质，其特征在于，当所述存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行如方法权利要求1至5中任一项所述的页面组件布局方法。