CN112558937B - 页面管理方法、装置、电子设备、介质及产品 - Google Patents

Abstract

本申请提供了页面管理方法、装置、电子设备、介质及产品，涉及计算机技术领域，具体涉及页面开发和信息流技术领域。具体实现方案为：将连续的多个flutter页面放置在一个flutter页面栈；将所述flutter页面栈存于一个原生容器。该方法可以使处于后台的flutter页面进行刷新，从而避免白屏和显示错误的现象，进而提高用户体验。

Description

页面管理方法、装置、电子设备、介质及产品

技术领域

本申请涉及计算机技术领域，具体涉及页面开发和信息流技术领域，特别涉及页面管理方法、装置、电子设备、介质及产品。

背景技术

Flutter技术是一种跨平台移动用户界面框架技术，可以在安卓(Android)和iOS系统中运行。随着Flutter技术的不断发展，越来越多的应用程序引入flutter技术进行混合开发。例如，应用程序的一部分程序通过安卓技术开发，另一部分程序使用Flutter技术开发，获得混合开发的应用程序。

这种混合开发的应用程序，在使用过程中需要使flutter页面和原生(native)页面的数据和状态进行同步。

发明内容

提供了一种用于页面管理方法、装置、电子设备、介质及产品。

根据第一方面，提供了一种页面管理方法，包括：

将连续的多个flutter页面放置在一个flutter页面栈；

将所述flutter页面栈存于一个原生容器。

根据第二方面，提供了一种页面管理装置，包括：

flutter页面栈，用于将连续的多个flutter页面放置在一个flutter页面栈；

原生容器，用于放置所述flutter页面栈，而且将放置连续的多个flutter页面的所述flutter页面栈存于一个所述原生容器，每个所述flutter页面栈对应一个所述原生容器。

根据第三方面，提供了一种电子设备，其包括：

至少一个处理器；以及

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行页面管理方法中任一项所述的方法。

根据第四方面，提供了一种存储有计算机指令的非瞬时计算机可读存储介质，所述计算机指令用于使所述计算机执行上述任意一种页面管理方法。

根据第五方面，提供了一种计算机程序产品，包括计算机程序，所述计算机程序在被处理器执行时实现上述任意一种页面管理方法。

本申请提供的页面管理方法，将连续的多个flutter页面放置在一个flutter页面栈；并将放置连续的多个flutter页面的flutter页面栈存于一个原生容器中，在原生容器与引擎绑定后，可以使用一个引擎驱动多个flutter页面，当原生容器内的一个flutter页面刷新时，该原生容器内的其它flutter页面即使处于后台也可以实现刷新，使得处于后台的flutter页面被切换至前台时，不再需要等待下载，从而避免了白屏和显示错误的现象，进而提高用户体验。

应当理解，本部分所描述的内容并非旨在标识本公开的实施例的关键或重要特征，也不用于限制本公开的范围。本公开的其它特征将通过以下的说明书而变得容易理解。

附图说明

附图用于更好地理解本方案，不构成对本申请的限定。其中：

图1是本申请实施例提供的一种页面管理方法的流程图；

图2为本申请实施例中页面栈的示意图；

图3是本申请实施例提供的另一种页面管理方法的流程图；

图4是本申请实施例提供的一种页面管理装置的组成框图；

图5是用来实现本申请实施例的页面管理方法的电子设备的框图。

具体实施方式

以下结合附图对本申请的示范性实施例做出说明，其中包括本申请实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本申请的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。

在不冲突的情况下，本申请各实施例及实施例中的各特征可相互组合。

如本文所使用的，术语“和/或”包括一个或多个相关列举条目的任何和所有组合。

本文所使用的术语仅用于描述特定实施例，且不意欲限制本申请。如本文所使用的，单数形式“一个”和“该”也意欲包括复数形式，除非上下文另外清楚指出。还将理解的是，当本说明书中使用术语“包括”和/或“由……制成”时，指定存在特征、整体、步骤、操作、元件和/或组件，但不排除存在或添加一个或多个其它特征、整体、步骤、操作、元件、组件和/或其群组。

利用flutter技术混合开发的应用程序，在使用时需要使flutter页面和原生页面的数据和状态同步，即在打开某个页面时，能够在数据出现变化时立刻同步并自动刷新。例如，通过当前页面(展现在用户面前的页面)将日间模式修改为夜间模式，那么已经被打开但处于后台的页面应该立即刷新，以便于在调用这些处于后台的页面时，能够快速地以夜间模式展示。

在使用开源的flutterBoost架构开发的应用程序时，每个flutter页面对应一个原生容器，每个flutter页面都有自己的页面跳转控件。在打开flutter页面时，flutter页面不能单独通过页面跳转控件实现页面跳转，而需要借助原生容器驱动打开flutter页面，这个过程需要消耗一定的时间，因此，在打开flutter页面时容易出现白屏现象。而且，这种多原生容器的设计方式占用的内存、CPU资源非常大。

为此，在设计flutter页面时，仅设置一个原生容器来驱动flutter页面，降低了对资源的占用。但是，原生容器在同一时间只能与一个flutter页面绑定，即只能与当前页面绑定，处于后台的flutter页面与引擎处于解绑定状态，因此，当前页面刷新时，后台的flutter页面无法刷新，只有在进入前台时才能刷新，降低了用户体验。

因此，需要提供一种原生页面和flutter页面混合模式下的页面管理方法，使处于后台的flutter页面可随当前页面的刷新而刷新。

第一方面，本申请实施例提供一种页面管理方法，该方法可以使flutter混合开发模式下开发的应用程序，在后台实现flutter页面的刷新，从而使flutter页面的使用贴近于原生页面，改善用户体验。

图1为本申请实施例提供的一种页面管理方法的流程图。图2为本申请实施例中页面栈的示意图。本实施例提供的页面管理方法按照页面的类型设置原生页面栈和flutter页面栈。图2中示出了五个页面栈，其中，第一页面栈N1、第三页面栈N3和第五页面栈N5为flutter页面栈，第二页面栈N2和第四页面栈N4为原生页面栈。而且，在第一页面栈N1中包括有一个flutter页面，在第三页面栈N3中包含有四个flutter页面，在第五页面栈N5中包含有三个flutter页面。

结合参照图1和图2，本申请实施例提供的页面管理方法，包括：

步骤101，将连续的多个flutter页面放置在一个flutter页面栈。

在一些实施例中，利用flutter混合开发模式下开发的应用程序中包括两种类型的页面，即原生(native)页面和flutter页面。两种类型的页面栈分别由对应的页面栈来管理，即原生页面由原生页面栈管理，flutter页面由flutter页面栈管理，因此，原生页面和flutter页面互相不影响，即原生页面不受flutter页面的影响，flutter页面也不受原生页面的影响。

在使用应用程序的过程中，用户根据需要打开页面，被打开的页面可能是原生页面，也可能是flutter页面。而且，在实际应用中，原生页面和flutter页面可能交替被打开，也可能连续打开多个原生页面，或者，连续打开多个flutter页面，换言之，被打开的页面类型是随机的。另外，被打开的页面只有一个在前台显示，其余的页面在后台运行。

在本实施例中，将连续的多个flutter页面放置在一个flutter页面栈，即利用一个flutter页面栈管理多个flutter页面，这些flutter页面不受原生页面的影响。

需要说明的是，在本实施例中，连续的多个flutter页面按照页面被打开的顺序进行定义。如果连续打开的多个页面均是flutter页面，则认为这些flutter页面是连续的多个flutter页面。

在一些实施例中，flutter页面栈是flutter页面自带的页面栈，通过flutter页面自带的页面栈来管理flutter页面。在一些实施例中，flutter页面栈可以由dart编程语言实现。

步骤102，将flutter页面栈存于一个原生容器。

在一些实施例中，每个flutter页面栈可以放置不同数量的flutter页面。例如，如图2所示，第一页面栈N1放置一个flutter页面，第三页面栈N3放置四个flutter页面，第五页面栈N5放置三个flutter页面。

其中，放置在第三页面栈N3的第二flutter页面F2、第三flutter页面F3、第四flutter页面F4和第五flutter页面F5为连续的flutter页面，将放置这四个flutter页面的flutter页面栈存于一个原生容器中。

由于第二flutter页面F2、第三flutter页面F3、第四flutter页面F4和第五flutter页面F5由第三页面栈N3管理，并共用一个原生容器。在该原生容器与引擎绑定后，第三页面栈N3中任意一个flutter页面刷新时，其余的三个flutter页面在后台也可以实现刷新，因此，其余的三个flutter页面在滑动返回显示页面时，不会出现白屏或显示错误的现象。

例如，当第二flutter页面F2为显示页面时，用户希望将第二flutter页面F2的显示风格由白色切换为黑色，并发出切换页面风格的页面切换请求，在第二flutter页面F2基于页面切换请求刷新页面时，与其处于同一原生容器的第三flutter页面F3、第四flutter页面F4和第五flutter页面F5虽然处于后台，但在引擎的驱动下同样能够实现页面刷新。因此，当用户由第二flutter页面F2滑动返回至第三flutter页面F3时，由于第三flutter页面F3已经在后台完成刷新，在第三flutter页面F3进入显示页面时，不再需要耗费下载时间，从而避免出现白屏和显示错误的现象。

在一些实施例中，如图3所示，将连续的多个flutter页面放置在一个flutter页面栈之前，还包括：

步骤301，判断页面的类型。

在一些实施例中，页面类型包括flutter页面和原生页面。其中，原生页面是开发应用程序时系统自带的页面。Flutter页面是开发应用程序时使用的第三方提供的页面。

步骤302，将原生页面加入原生页面栈。

本实施例提供了两种页面栈，即原生页面栈和flutter页面栈，将原生页面加入原生页面栈，利用原生页面栈用于管理原生页面，每个页面栈存于一个原生容器中，既实现了原生页面和flutter页面的相互兼容，又避免相互的影响。

步骤303，将flutter页面加入flutter页面栈。

在本实施例中，将flutter页面加入flutter页面栈，利用flutter页面栈管理flutter页面。原生页面和flutter页面互相不影响，即原生页面不受flutter页面的影响，flutter页面不受原生页面的影响。

在一些实施例中，flutter页面并不连续，即在两个flutter页面之间至少存在一个原生页面。例如，第一flutter页面F1和第二flutter页面F2之间存在至少一个原生页面，即第一flutter页面F1和第二flutter页面F2不连续，因此，第一flutter页面F1和第二flutter页面F2放置在两个不同的页面栈，即第一flutter页面F1放置在第一页面栈N1，第二flutter页面F2放置在第三页面栈N3，并且第一页面栈N1和第三页面栈N3分别存于两个原生容器中。

在本实施例中，第一页面栈N1和第三页面栈N3均为flutter页面栈，但flutter页面栈均放置在原生容器中，以按照原生容器的运行方式运行，使得flutter页面与原生页面的在用户展示时没有差异。

需要说明的是，本实施例对步骤302和步骤303的顺序不做限定。在实际使用过程中，将原生页面加入原生页面栈和将flutter页面加入flutter页面栈，主要取决于页面类型的判断结果。若判断结果首先为原生页面，则先执行将原生页面加入原生页面栈；若判断结果首先为flutter页面，则先执行将flutter页面加入flutter页面栈。

步骤304，将连续的多个flutter页面放置在一个flutter页面栈。

在打开第二flutter页面F2时，建立了flutter页面栈，即第三页面栈N3，在打开第三flutter页面F3、第四flutter页面F4和第五flutter页面F5时，由于第三flutter页面F3、第四flutter页面F4和第五flutter页面F5与第二flutter页面F2是连续的flutter页面，因此，第三flutter页面F3、第四flutter页面F4和第五flutter页面F5也放置在第三页面栈N3中。

步骤305，将flutter页面栈存于一个原生容器。

在本实施例中，每个flutter页面栈对应一个原生容器。当flutter页面栈中包括多个flutter页面时，原生容器中存放多个flutter页面。

例如，在第三原生容器N3存放的页面栈包括四个flutter页面时，第三原生容器N3存放四个flutter页面。

在一些实施例中，将flutter页面栈存于一个原生容器之后，还包括：

步骤306，将原生容器与引擎绑定。

其中，引擎是用于驱动原生容器中的flutter页面运行的驱动部件。

在一些实施例中，在同一时间段内，引擎只能与一个原生容器绑定，而不能同时与两个原生容器绑定。一般而言，引擎只与屏幕显示的当前页面对应的原生容器进行绑定。在页面进入后台后，该页面对应的原生容器与引擎解绑。

需要说明的是，当第二flutter页面F2和第三flutter页面F3进行滑动切换时，如屏幕显示的当前页面由第二flutter页面F2切换至第三flutter页面F3时，虽然第二flutter页面F2切换至后台，但第三flutter页面F3在前台，而第二flutter页面F2和第三flutter页面F3存于一个原生容器，因此，该原生容器并不与引擎解绑。

本实施例中，将原生容器与引擎绑定，利用引擎驱动原生容器中flutter页面，实现该原生容器内一个或多个flutter页面的更新。

在一些实施例中，将原生容器与引擎绑定之后，还可以包括：

步骤307，接收刷新当前的flutter页面的页面刷新请求。

在一些实施例中，页面刷新请求是用户在当前页面发出的请求。页面刷新请求可以是重新配置页面后发出的页面刷新请求，也可以是其它原因引起的页面刷新请求。

步骤308，对与当前的flutter页面处于同一原生容器内的其它flutter页面进行刷新。

在收到页面刷新请求后，对当前的flutter页面进行刷新，同时可以对该原生容器中的其它flutter页面进行刷新。因此，该原生容器中位于后的flutter页面也可以实现更新，在后台的flutter页面被调至前台时，不需要刷新加载，避免了白屏和显示错误的现象。

例如，如图2所示，当第三flutter页面F3为当前页面时，用户在第三flutter页面F3进行操作并刷新该flutter页面时，处于同一容器内的第二flutter页面F2、第四flutter页面F4和第五flutter页面F5也进行刷新。

在一些实施例中，将原生容器与引擎绑定之后，还可以包括：

步骤309，解除原生容器与引擎的绑定。

在flutter页面被切换至后台时，与该flutter页面对应的原生容器与引擎解绑定。

需要说明的是，原生容器与引擎解绑定是因为前台的flutter页面对应的原生容器发生了变化，如果flutter页面发生了切换，但原生容器并未发生变化，则该原生容器与引擎不解绑定。

当一个flutter页面栈中的flutter页面切换至后台，但该flutter页面栈中的其他任一flutter页面被切换至前台时，由于这两个flutter页面属于一个flutter页面栈，与该flutter页面栈对应的原生容器并未发生变化，因此，原生容器与引擎并不解绑定。

例如，由于第二flutter页面F2和第三flutter页面F3存于一个原生容器，若当前页面由第二flutter页面F2切换至第三flutter页面F3时，原生容器与引擎并不解绑定。

若当前页面由第六flutter页面F6切换至原生页面时，原生容器将发生解绑定，即放置第六flutter页面F6的原生容器与引擎解绑定。

在一些实施例中，在引擎与原生容器解绑定之后，会立刻查找下一个flutter页面栈的原生容器，并与新的原生容器绑定，新绑定的原生容器内的flutter页面随即进行刷新，因此，显示页面返回该flutter页面时，flutter页面已经刷新，避免了白屏和显示错误的问题。

本申请提供的页面管理方法，将连续的多个flutter页面放置在一个flutter页面栈；并将放置连续的多个flutter页面的flutter页面栈存于一个原生容器中，在原生容器与引擎绑定后，可以使用一个引擎驱动多个flutter页面，当原生容器内的一个flutter页面刷新时，该原生容器内的其它flutter页面即使处于后台也可以实现刷新，使得处于后台的flutter页面被切换至前台时，不需要等待下载，从而避免了白屏和显示错误的现象，进而提高用户体验。

第二方面，本申请实施例提供一种页面管理装置，该装置可以使flutter混合开发模式下开发的应用程序，在后台实现flutter页面的刷新，从而使flutter页面的使用贴近于原生页面，改善用户体验。

图4为本申请实施例提供的一种页面管理装置的原理框图。结合参阅图2和图4，页面管理装置包括：

flutter页面栈401，用于将连续的多个flutter页面放置在一个flutter页面栈。

在一些实施例中，利用flutter混合开发模式下开发的应用程序中包括两种类型的页面，即原生(native)页面和flutter页面。两种类型的页面栈分别由对应的页面栈来管理，即，原生页面由原生页面栈管理，flutter页面由flutter页面栈管理。原生页面和flutter页面互相不影响，即原生页面不受flutter页面的影响，flutter页面也不受原生页面的影响。

在使用应用程序的过程中，用户根据需要打开页面，被打开的页面可能是原生页面，也可能是flutter页面。而且，在实际应用中，原生页面和flutter页面可能交替被打开，也可能连续打开多个原生页面，或者，连续打开多个flutter页面，换言之，被打开的页面类型是随机的。另外，被打开的页面只有一个在前台显示，其余的页面在后台运行。

在本实施例中，将连续的多个flutter页面放置在一个flutter页面栈，即利用一个flutter页面栈管理多个flutter页面，这些flutter页面不受原生页面的影响。

需要说明的是，在本实施例中，连续的多个flutter页面按照页面被打开的顺序进行定义。如果连续打开的多个页面均是flutter页面，则认为这些flutter页面是连续的多个flutter页面。

在一些实施例中，flutter页面栈是flutter页面自带的页面栈，通过flutter页面自带的页面栈来管理flutter页面。在一些实施例中，flutter页面栈可以由dart编程语言实现。

原生容器402，用于放置flutter页面栈，且将放置连续的多个flutter页面的flutter页面栈存于一个原生容器中。

在一些实施例中，每个flutter页面栈可以放置不同数量的flutter页面。例如，如图2所示，第一页面栈N1放置一个flutter页面，第三页面栈N3放置四个flutter页面，第五页面栈N5放置三个flutter页面。

其中，放置在第三页面栈N3的第二flutter页面F2、第三flutter页面F3、第四flutter页面F4和第五flutter页面F5为连续的flutter页面，将放置这四个flutter页面的flutter页面栈存于一个原生容器中。

由于第二flutter页面F2、第三flutter页面F3、第四flutter页面F4和第五flutter页面F5由第三页面栈N3管理，并共用一个原生容器。在该原生容器与引擎绑定后，第三页面栈N3中任意一个flutter页面刷新时，其余的三个flutter页面在后台也可以实现刷新，因此，其余的三个flutter页面在滑动返回显示页面时，不会出现白屏或显示错误的现象。

例如，当第二flutter页面F2为显示页面时，用户希望将第二flutter页面F2的显示风格由白色切换为黑色，并发出切换页面风格的页面切换请求，在第二flutter页面F2基于页面切换请求刷新页面时，与其处于同一原生容器的第三flutter页面F3、第四flutter页面F4和第五flutter页面F5虽然处于后台，但在引擎的驱动下同样能够实现页面刷新。因此，当用户由第二flutter页面F2滑动返回至第三flutter页面F3时，由于第三flutter页面F3已经在后台完成刷新，在第三flutter页面F3进入显示页面时，不再需要耗费下载时间，从而避免出现白屏和显示错误的现象。

在一些实施例中，页面管理装置还包括：原生页面栈，用于存放原生页面。

其中，原生页面是开发应用程序时系统自带的页面。Flutter页面是开发应用程序时使用的第三方提供的页面。

本实施例提供了两种页面栈，即原生页面栈和flutter页面栈，将原生页面加入原生页面栈，利用原生页面栈用于管理原生页面，每个页面栈存于一个原生容器，既实现原生页面和flutter页面的兼容，又相互不影响。

原生容器402，还用于存放原生页面栈，而且，每个原生页面栈对应一个原生容器。

每个页面栈存于一个原生容器中，实现了原生页面和flutter页面的相互兼容，原生页面和flutter页面互相不影响。

在一些实施例中，页面管理装置还包括判断模块和添加模块，其中，判断模块用于判断页面的类型，其中，页面类型包括flutter页面和原生页面。添加模块，用于将原生页面加入原生页面栈，以及将flutter页面加入flutter页面栈。

在一些实施例中，flutter页面并不连续，即在两个flutter页面之间至少存在一个原生页面。例如，第一flutter页面F1和第二flutter页面F2之间存在至少一个原生页面，即第一flutter页面F1和第二flutter页面F2不连续，因此，第一flutter页面F1和第二flutter页面F2放置在两个不同的页面栈，即第一flutter页面F1放置在第一页面栈N1，第二flutter页面F2放置在第三页面栈N3，并且第一页面栈N1和第三页面栈N3分别存于两个原生容器中。

在本实施例中，第一页面栈N1和第三页面栈N3均为flutter页面栈，但flutter页面栈均放置在原生容器中，以按照原生容器的运行方式运行，使得flutter页面与原生页面的在用户展示时没有差异。

在本实施例中，通过判断模块判断页面的类型，利用添加模块将flutter页面加入flutter页面栈，利用flutter页面栈管理flutter页面。原生页面和flutter页面互相不影响，即原生页面不受flutter页面的影响，flutter页面不受原生页面的影响。

在一些实施例中，页面管理装置还包括绑定模块，用于将原生容器与引擎绑定，其中，引擎用于驱动原生容器中的flutter页面运行的引擎。

本实施例中，绑定模块将原生容器与引擎绑定，利用引擎驱动原生容器中flutter页面，实现该原生容器内一个或多个flutter页面的更新。

在一些实施例中，在同一时间段内，引擎只能与一个原生容器绑定，不能同时与两个原生容器绑定。一般而言，引擎只与屏幕显示的当前页面对应的原生容器进行绑定。页面进入后台后，该页面对应的原生容器与引擎解绑。

需要说明的是，当第二flutter页面F2和第三flutter页面F3进行滑动切换时，如屏幕显示的当前页面由第二flutter页面F2切换至第三flutter页面F3时，虽然第二flutter页面F2切换至后台，但第三flutter页面F3在前台，而第二flutter页面F2和第三flutter页面F3存于一个原生容器，因此，该原生容器并不与引擎解绑。

在一些实施例中，页面管理装置还包括接收模块和刷新模块，其中，接收模块用于接收刷新当前的flutter页面的页面刷新请求；刷新模块，用于对当前的flutter页面以及与当前的flutter页面处于同一原生容器内的其它flutter页面进行刷新。

在一些实施例中，页面刷新请求是用户在当前页面发出的请求。页面刷新请求可以重新配置页面后发出的页面刷新请求，也可以是其它原因引起的页面刷新请求。

在收到页面刷新请求后，对当前的flutter页面进行刷新，同时可以对该原生容器中的其它flutter页面进行刷新。

例如，如图2所示，当第三flutter页面F3为当前页面时，用户在第三flutter页面F3进行操作并刷新该flutter页面时，处于同一容器内的第二flutter页面F2、第四flutter页面F4和第五flutter页面F5也进行刷新。

在收到页面刷新请求后，对当前的flutter页面进行刷新，同时可以对该原生容器中的其它flutter页面进行刷新。因此，该原生容器中位于后的flutter页面也可以实现更新，在后台的flutter页面被调至前台时，不需要刷新加载，避免了白屏和显示错误的现象。

在一些实施例中，接收模块，还用于接收解除原生容器与引擎的解绑定请求；绑定模块，还用于基于解绑定请求解除原生容器与引擎的绑定。

在flutter页面被切换至后台时，与该flutter页面对应的原生容器与引擎解绑定。

在一些实施例中，在引擎与原生容器解绑定之后，会立刻查找下一个flutter页面栈的原生容器，并与该原生容器绑定，该原生容器内的flutter页面随即进行刷新，因此，显示页面返回该flutter页面时，flutter页面已经完成刷新，避免了白屏和显示错误的问题。

需要说明的是，原生容器与引擎解绑定是因为前台的flutter页面对应的原生容器发生了变化，如果flutter页面发生了切换，但原生容器并未发生变化，则该原生容器与引擎不解绑定。

当一个flutter页面栈中的flutter页面切换至后台，但该flutter页面栈中的其他任一flutter页面被切换至前台时，由于这两个flutter页面属于一个flutter页面栈，与该flutter页面栈对应的原生容器并未发生变化，因此，原生容器与引擎并不解绑定。

例如，由于第二flutter页面F2和第三flutter页面F3存于一个原生容器，若当前页面由第二flutter页面F2切换至第三flutter页面F3时，原生容器与引擎并不解绑定。

若当前页面由第六flutter页面F6切换至原生页面时，原生容器将发生解绑定，即放置第六flutter页面F6的原生容器与引擎解绑定。

在一些实施例中，在引擎与原生容器解绑定之后，会立刻查找下一个flutter页面栈的原生容器，并与该原生容器绑定，与之对应的flutter页面随即进行刷新。这样在返回该flutter页面时，flutter页面已经刷新，避免了白屏和显示错误的问题。

本申请提供的页面管理装置，flutter页面栈用于将连续的多个flutter页面放置在一个flutter页面栈；原生容器用于将放置连续的多个flutter页面的flutter页面栈存于一个原生容器中，在原生容器与引擎绑定后，可以使用一个引擎驱动多个flutter页面，当原生容器内的一个flutter页面刷新时，该原生容器内的其它flutter页面即使处于后台也可以实现刷新，处于后台的flutter页面被切换至前台时，不再需要等待下载，从而避免了白屏和显示错误的现象，进而提高用户体验。

根据本公开的实施例，本公开还提供了一种电子设备、一种可读存储介质和一种计算机程序产品。

图5示出了可以用来实施本公开的实施例的示例电子设备500的示意性框图。电子设备旨在表示各种形式的数字计算机，诸如，膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置，诸如，个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例，并且不意在限制本文中描述的和/或者要求的本公开的实现。

图5示出了可以用来实施本公开的实施例的示例电子设备500的示意性框图。电子设备旨在表示各种形式的数字计算机，诸如，膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置，诸如，个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例，并且不意在限制本文中描述的和/或者要求的本公开的实现。

如图5所示，设备500包括计算单元501，其可以根据存储在只读存储器(ROM)502中的计算机程序或者从存储单元508加载到随机访问存储器(RAM)503中的计算机程序，来执行各种适当的动作和处理。在RAM 503中，还可存储设备500操作所需的各种程序和数据。计算单元501、ROM 502以及RAM 503通过总线504彼此相连。输入/输出(I/O)接口505也连接至总线504。

设备500中的多个部件连接至I/O接口505，包括：输入单元506，例如键盘、鼠标等；输出单元507，例如各种类型的显示器、扬声器等；存储单元508，例如磁盘、光盘等；以及通信单元509，例如网卡、调制解调器、无线通信收发机等。通信单元509允许设备500通过诸如因特网的计算机网络和/或各种电信网络与其他设备交换信息/数据。

计算单元501可以是各种具有处理和计算能力的通用和/或专用处理组件。计算单元501的一些示例包括但不限于中央处理单元(CPU)、图形处理单元(GPU)、各种专用的人工智能(AI)计算芯片、各种运行机器学习模型算法的计算单元、数字信号处理器(DSP)、以及任何适当的处理器、控制器、微控制器等。计算单元501执行上文所描述的各个方法和处理，例如页面管理方法。例如，在一些实施例中，页面管理方法可被实现为计算机软件程序，其被有形地包含于机器可读介质，例如存储单元508。在一些实施例中，计算机程序的部分或者全部可以经由ROM 502和/或通信单元509而被载入和/或安装到设备500上。当计算机程序加载到RAM 503并由计算单元501执行时，可以执行上文描述的页面管理方法的一个或多个步骤。备选地，在其他实施例中，计算单元501可以通过其他任何适当的方式(例如，借助于固件)而被配置为执行页面管理方法。

本文中以上描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、芯片上系统的系统(SOC)、负载可编程逻辑设备(CPLD)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括：实施在一个或者多个计算机程序中，该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释，该可编程处理器可以是专用或者通用可编程处理器，可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令，并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。

用于实施本公开的方法的程序代码可以采用一个或多个编程语言的任何组合来编写。这些程序代码可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器或控制器，使得程序代码当由处理器或控制器执行时使流程图和/或框图中所规定的功能/操作被实施。程序代码可以完全在机器上执行、部分地在机器上执行，作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。

在本公开的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。

为了提供与用户的交互，可以在计算机上实施此处描述的系统和技术，该计算机具有：用于向用户显示信息的显示装置(例如，CRT(阴极射线管)或者LCD(液晶显示器)监视器)；以及键盘和指向装置(例如，鼠标或者轨迹球)，用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互；例如，提供给用户的反馈可以是任何形式的传感反馈(例如，视觉反馈、听觉反馈、或者触觉反馈)；并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。

可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如，作为数据服务器)、或者包括中间件部件的计算系统(例如，应用服务器)、或者包括前端部件的计算系统(例如，具有图形用户界面或者网络浏览器的用户计算机，用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如，通信网络)来将系统的部件相互连接。通信网络的示例包括：局域网(LAN)、广域网(WAN)和互联网。

计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。

根据本公开的实施例，本公开还提供了一种计算机程序产品，包括计算机程序，计算机程序在被处理器执行时实现上述页面管理方法中任一项方法。

应该理解，可以使用上面所示的各种形式的流程，重新排序、增加或删除步骤。例如，本发公开中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行，只要能够实现本公开公开的技术方案所期望的结果，本文在此不进行限制。

上述具体实施方式，并不构成对本公开保护范围的限制。本领域技术人员应该明白的是，根据设计要求和其他因素，可以进行各种修改、组合、子组合和替代。任何在本公开的精神和原则之内所作的修改、等同替换和改进等，均应包含在本公开保护范围之内。

Claims (10)

1.一种页面管理方法，其特征在于，包括：

将连续的多个flutter页面放置在一个flutter页面栈；

将所述flutter页面栈存于一个原生容器，以按照所述原生容器的运行方式运行，使得所述flutter页面与原生页面在用户展示时没有差异；

所述将所述flutter页面栈存于一个原生容器之后，还包括：

将所述原生容器与引擎绑定，其中，所述引擎是用于驱动所述原生容器中的所述flutter页面运行的驱动部件；

所述将所述原生容器与引擎绑定之后，还包括：

接收刷新当前的所述flutter页面的页面刷新请求；

对与当前的所述flutter页面处于同一所述原生容器内的其它flutter页面进行刷新。

2.根据权利要求1所述的方法，其特征在于，所述将连续的多个flutter页面放置在一个flutter页面栈之前，还包括：

判断页面的类型；其中，所述页面类型包括所述flutter页面和原生页面；

将所述原生页面加入原生页面栈；

将所述flutter页面加入所述flutter页面栈。

3.根据权利要求1所述的方法，其特征在于，所述将所述原生容器与引擎绑定之后，还包括：

解除所述原生容器与所述引擎的绑定。

4.一种页面管理装置，其特征在于，包括：

flutter页面栈，用于将连续的多个flutter页面放置在一个flutter页面栈；

原生容器，用于放置所述flutter页面栈，而且将放置连续的多个flutter页面的所述flutter页面栈存于一个所述原生容器，每个所述flutter页面栈对应一个所述原生容器；以按照所述原生容器的运行方式运行，使得所述flutter页面与原生页面在用户展示时没有差异；

绑定模块，用于将所述原生容器与引擎绑定，其中，所述引擎是用于驱动所述原生容器中的所述flutter页面运行的引擎；

接收模块，用于接收刷新当前的所述flutter页面的页面刷新请求；

刷新模块，用于对与当前的所述flutter页面处于同一所述原生容器内的其它所述flutter页面进行刷新。

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

原生页面栈，用于存放原生页面；

所述原生容器，还用于存放所述原生页面栈，而且，每个所述原生页面栈对应一个所述原生容器。

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

判断模块，用于判断页面的类型，其中，所述页面类型包括所述flutter页面和所述原生页面；

添加模块，用于将所述原生页面加入所述原生页面栈，以及将所述flutter页面加入所述flutter页面栈。

7.根据权利要求4所述的装置，其特征在于，

所述接收模块，还用于接收解除所述原生容器与所述引擎绑定的解绑定请求；

所述绑定模块，还用于基于所述解绑定请求解除所述原生容器与所述引擎的绑定。

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

至少一个处理器；以及

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行权利要求1-3中任一项所述的方法。

9.一种存储有计算机指令的非瞬时计算机可读存储介质，其特征在于，所述计算机指令用于使所述计算机执行权利要求1-3中任一项所述的方法。

10.一种计算机程序产品，包括计算机程序，所述计算机程序在被处理器执行时实现根据权利要求1-3中任一项所述的方法。